p5.js Sine Noise

「Sine波」と「パーリンノイズ」を使ったアート作品を作ってみました。

 

作品タイトル:Sine Noise

f:id:techty:20190630011621p:plain

 

デモページとソースコードは以下にあります。

よかったら見てみてください。

editor.p5js.org

 

上記のような模様を作る仕組みは単純です。

1.パーリンノイズを使ってsin波の高さを決める

2.sin波を横方向、斜め方向、縦方向に描く

3.手順1に戻る

これだけです。

 

実際には以下のような感じで、横方向、斜め方向、縦方向にsin波が描かれています。

f:id:techty:20190630013449p:plain

sin波を描画するときにパーリンノイズを使って波の高さをいろいろ変更してあげると、上記のような模様が出来上がります。

 

では、今日はここまで。

次回は、今回作成した作品「Sine Noise」のプログラムを使って、いろいろな模様を生成してみたいと思います。

 

次回

techty.hatenablog.com