【p5js/プログラミング】全知全能。

Art

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

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

14日目のテーマは「全知全能」。

テーマとしては少し難しく感じました。全知全能といえば、「ゼウス」。ゼウスといえば「雷⚡」

ということで、雷をp5.jsで表現してみました。正直もっと、発光させたりしたかったですが、まだスキルが追いついておらず。
最近話題になっているという、”drawingContext”を使ってごまかしてみました。😂

では、ごらんあれ〜。

参考:https://www.openprocessing.org/sketch/529809

function setup(){
  createCanvas(500,500);
  frameRate(0.5);
  // noLoop();
}


function draw(){
  background(255);
  fill(0,20);
  for (var i = 0; i < 10; i++) { push(); translate(width/2*random(0.9,1.1),0); thunder(random(50,150)); pop(); } } function thunder(n){ stroke(255); rotate(random(-0.5,0.5)); drawingContext.shadowBlur = 100; drawingContext.shadowColor = color(0,100); line(0, 0, 0, n); if (n > 30) {
    translate(0,n);
    rotate(0.1);
    if (random(1) < 0.2) {
      push();
      thunder(n*random(0.5,0.6));
      pop();
      push();
      thunder(n*random(0.5,0.6));
      pop();
    }else {
      thunder(n*random(0.7,0.9));

    }
  }
}

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

なにかあればTwitterまで。

コメント