AQUARINGサイトリニューアル フロントエンドBreakdown|かに|note
こんにちは、AQUARING かに です。今回は昨年12月にリニューアルした AQUARINGサイト のフロントエンドについて解説していきます。 まずGLSLとp5.jsで2種類のスケッチを作成しました。 メタボール円のスケッチ(GLSL) 距離関数を用いてふたつの円を重ねて、44行目のstep関数を通すことで画像を二値化してマスクを作成し、最後に水色で塗っています。この行をコメントアウトすると二値化前の状態が確認できます。 mask = step(0.5, mask); マウスで円がもにょもにょ動くスケ
https://note.com/aq_kani/n/n86e5a2f181ad