techty https://blog.hatena.ne.jp/techty/ techtyの日記 https://techty.hatenablog.com/ p5.js 作品 Generative Art 「Sine波」と「パーリンノイズ」を使ったアート作品を作ってみました。 作品タイトル：Sine Noise デモページとソースコードは以下にあります。 よかったら見てみてください。 editor.p5js.org 上記のような模様を作る仕組みは単純です。 １．パーリンノイズを使ってsin波の高さを決める ２．sin波を横方向、斜め方向、縦方向に描く ３．手順1に戻る これだけです。 実際には以下のような感じで、横方向、斜め方向、縦方向にsin波が描かれています。 sin波を描画するときにパーリンノイズを使って波の高さをいろいろ変更してあげると、上記のような模様が出来上がります。 では、今日はこ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftechty.hatenablog.com%2Fentry%2F2019%2F06%2F30%2F015047" title="p5.js　Sine Noise - techtyの日記" 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/t/techty/20190630/20190630011621.png Hatena Blog https://hatena.blog 2019-06-30 01:50:47 rich https://techty.hatenablog.com/entry/2019/06/30/015047 1.0 100%