p5.js ブラシグラデーション

「ブラシを使って描いたような絵」をプログラムで描いてみました。

作品タイトル：ブラシグラデーション

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

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

editor.p5js.org

絵を描く仕組みは単純です。

キャンバスの上から下に向かって、ひらすら線を描いていくだけです。

実際には以下のような流れで絵が出来上がります。

まずは上から下に向かって線を描きます。

このとき、線は１本ではなく複数同時に描くようにします。

上から下まで線を描き終わったら、

色を変えて再び上から下に向かって線を描きます。

色を変えて再び上から下に向かって線を描きます。

色を変えて再び上から下に向かって線を描きます。

こんな感じで、ひらすら線を描いていくと以下のような絵が出来上がります。

シンプルな仕組みで絵を描けるのが面白い！

今日はここまで。