🎡タコ星人 キラキラArts #1
解説ページもあった
何語だこれ
どうもスペイン語らしい。。。。解説してるようだが、java版みたいなのでそもそもp5.jsで動かん
let value = 25;
let m = map(value, 0, 100, 0, width);
ellipse(m, 50, 10, 10);
ある画面範囲に収まるように変換してくれるということらしい
ここまでできたが、画面がすげーちらつく。フレームのせいとは言い切れないので、このままの大きさでまず仕組みを理解してゆく。
初期化を忘れないこと、死んでもやめんじゃねーぞ
java版だとfloat宣言するとゼロになるみたいだったが、javascriptだとそうじゃないみたいなのでletしたがもっときれいな方法があるはず
そしていよいよ触手がダイナミックなタコ回転するコード
function draw() {
clear();
t+=.005;
x = 360;
y = 360;
for (d=.5; d>0; d-=.01) {
circle(x, y, d*40);
x += (noise(d+t)-.5)*30;
y += (noise(d+t,9)-.5)*30;
}
}
いいんじゃないか。母さん
いよいよ完成
きもかっこいい
落穂拾い Blendomodeや元のコードについてなど
初期化に気を付けながら動くコードを手に入れたが、Blendmodeについてよく見ていなかった。
重なった部分がこれで反転するようになって、触手のきもい感じをだしているようだった。noseについては別の記事があるので、そこをふくらましていく。
オリジナル版との違い
なのだが、こっちのほうがゆったりしていて好きなので、ブレンドモードの実験はいつかしよう
生きてるって、なんだろう?
ソースを見る限りのマジックはブレンドモード以外ではやはりパーリンノイズということになる。パーリンノイズでイソギンチャクからタコ星人に進化するわけだが、パーリンノイズって結局なんなんだ。
勝手な要約だが、ざらざらのでたらめなでこぼこをこさえて、そのうえでドット積の計算と補間をしてなめらかさとでたらめさを両立すると。
ノイズを制するものは、世界を制す
書いてはみたが、いわゆるシーケンシャルな動きの滑らかさを補完するような式を書いたときに、値の決定をノイズにゆだねるということのようだ。
これでタコ星人の動きが手に入るならやすいもんだ。(なにが)
お願い致します