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