【p5js/プログラミング】狂気。

Art

こんにちは、たやち(tayati369)です。

p5.jsでコーディングしています。
PCD@Tokyoさんの「デイリーコーディングチャレンジ」!!に素人極まりない私も参加しております。
毎日できるかわからないけれど、リモートワークのこのご時世、通勤分の時間があるでチャレンジしていきます。(デイリーとはw)

7日目のテーマは「狂気」。

なかなか怖いテーマですが、どのように表現しようか悩みました。。
個人的に、「自分の中に渦巻く棘が抑えきれないように湧き出てきてしまう」のが狂気だっと直感的に感じました。

棘を必死で抑えようとしても、身を削って出てきてしまうようなそんなイメージで、三角形と朱色でそれを表しています。なかなか難しい。。
ソウルイーターにこんなシーンなかったけかな??

では、ごらんあれ〜。

var x = -2;
var y = -10;
var num = 10000;
let toges = [];
let p = [];

function setup(){
  createCanvas(500,500);
  background(0);
  frameRate(12);
  // //オブジェクトを連続的に作成するときは、変数で指定しなければならない.
  for (var i = 0; i < num; i++) {
    toges[i] = new Tile;
    p[i] = new En;
  }
  noLoop();
}

function draw(){
  for (var j = 0; j < num; j++) {
    push();
    translate(random(0,width),random(0,height));
    toges[j].show();
    p[j].show();
    pop();
  }
  for (var a = 0; a < num; a++) {
    push();
    translate(random(0,width),random(0,height));
    p[a].show();
    pop();
  }
  saveCanvas("mycanvas.jpg")
}

class Tile {
  show(){
    // noStroke();
    fill(getCol());
    triangle(x,y,x-5,y+25,x+5,y+25);
  }
}

class En {
  show(){
    noStroke();
    fill(0);
    circle(x,y,2);
  }
}

function getCol(){
  var t = random(100);
  if (t%2 == 0) {
    var col = color(128,0,128,90);
  }else {
    var col = color(128,0,0,90);
  }
  return col;
}

ではでは、さようなら〜〜〜。

なにかあればTwitterまで。

コメント