gin_graphic https://blog.hatena.ne.jp/gin_graphic/ ギンの備忘録 https://gin-graphic.hatenablog.com/ p5.js 作品 ランダムウォークの軌跡 透明度を変えたランダムウォーク 多数の図形をランダムウォーク 作例 まとめ ランダムウォークの軌跡 ランダムウォークというのは進む方向をランダムに決めて動いた時の軌跡のことです。 黒い四角形をランダムウォークさせてみます。 動く方向を上下左右にランダムに決めて動かしていきます。 すると下のような線になります。これがランダムウォークさせた軌跡です。 ソースコードを表示する function setup() { const w = 720; createCanvas(w, w); rectMode(CENTER); colorMode(HSB); noStroke(); c… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fgin-graphic.hatenablog.com%2Fentry%2F2021%2F04%2F02%2F212742" title="ランダムウォークで作るGenerativArt - ギンの備忘録" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/g/gin_graphic/20210331/20210331210559.png Hatena Blog https://hatena.blog 2021-04-02 21:27:42 rich https://gin-graphic.hatenablog.com/entry/2021/04/02/212742 1.0 100%