カテゴリ:Interactive Art

[Next.js #31] Touching Noise Field — Three.js × GLSLで“触れるノイズ場”を作る

Three.jsとGLSLを使い、Raycasterで取得したマウス位置をもとに局所的なDomain Warpingを発生させる“触れるノイズ場”を実装。PlaneGeometry上の頂点変形と色設計を組み合わせ、鑑賞するノイズから体験するノイズへ発展させる。