【p5js/プログラミング】飽和。

Art

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

コメント