【p5js/プログラミング】つらい。

こんにちは、たやち（tayati369）です。

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

１８日目のテーマは「つらい」。

やっぱり、最近のテーマ難しくない？？😂

今日の雨が個人的に「つらい」かったので、雨を表現。
ぽたぽた落とす処理ができるようになったことはひとつ成長した。

グレーでブルーな色合いが辛さを表していますね。

では、ごらんあれ〜。

const num = 500;
var tsurai = [];

function setup(){
  createCanvas(500,500);
  for (var i = 0; i < num; i++) {
    tsurai[i] = new Tsurai;
  }
}

function draw(){
  background('#CCCCCC');
  for (var i = 0; i < num; i++) { push(); tsurai[i].update(); tsurai[i].show(); pop(); } } class Tsurai { constructor() { this.x = 0; this.y = 0; this.r = 0; this.R = random(3,10); this.xp = random(0,width); this.ys = random(-100,10); this.s = random(3,15); this.a = random(2,5) fill('#3399CC'); stroke('#3399CC'); } update(){ this.ys = this.ys + this.s; if (this.ys > height) {
      this.ys = random(-100,10);
    }
  }
  show(){
    push();
    rotate(-HALF_PI);
    beginShape();
    for (var i = 0; i < TWO_PI; i+=0.1) {
      this.r =1/(this.a * sin(i/2)+1);
      this.x = -this.ys + this.R *  this.r * cos(i);
      this.y = this.xp + this.R *  this.r * sin(i);
      vertex(this.x,this.y)
    }
    endShape(CLOSE);
    pop();
  }
}

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

なにかあればTwitterまで。