こんにちは、たやち(tayati369)です。
p5.jsでコーディングしています。
PCD@Tokyoさんの「デイリーコーディングチャレンジ」!!に素人極まりない私も参加しております。
毎日できるかわからないけれど、リモートワークのこのご時世、通勤分の時間があるでチャレンジしていきます。(デイリーとはw)
30日目のテーマは「飽和」。
2020年の4月も今日で最後ですね。デイリーコーディングチャレンジも早1ヶ月も立つなんてはやいな〜。地道に続けている自分。5月も地道に続けていこうと思います。
今回は、blendMode(MULTIPLY)を利用して、色の飽和を表現してみました。色が重なれば重なるほど黒に近づき、色彩がなくなっていく。飽和していく状態になります。
重なりは美しいけれど、重なりすぎると闇に飲まれてしまう。世の中バランスが大事じゃないでしょうか。深めることも美しいですけどね。
では、ごらんあれ〜。
var x = 0; var y = 0; var size = 20; var v1 = 0; var v2 = 100; var v3 = 100; var alpha = 10; function setup(){ createCanvas(500,500); frameRate(360); background(255); colorMode(HSB,360,100,100,100); blendMode(MULTIPLY); } function draw(){ noStroke(); fill(getCol(v1, v2, v3, alpha)); circle(x,y,size); x = random(0,width); y = random(0,height); v1 += 1; if (v1 > 360) { v1 =0; } } function getCol(_v1, _v2, _v3, _alpha){ var col = color(_v1, _v2, _v3, _alpha); return col; }
ではでは、さようなら〜〜〜。
なにかあればTwitterまで。
コメント