こんにちは、たやち(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まで。
コメント