WEBGL 1.0 — FRAGMENT SHADER

EXP 01

墨流 — Sumi Flow

シンプレックスノイズを重ねたfbmで墨の揺らぎを描くフラグメントシェーダー。トップページのヒーローと同じコードが動いています。マウスに視差で追従します。

GLSL / RAW WEBGL / 0 DEPS

2D CANVAS — PARTICLES

EXP 02

流場 — Flow Field

ノイズ場に沿って数百の粒子が軌跡を描きます。残像はフレームごとの半透明塗りで作る古典的な手法。マウスの周りでは流れが乱れます。

CANVAS 2D / VALUE NOISE / 0 DEPS

2D CANVAS — TYPOGRAPHY

EXP 03

文字景 — Type Field

漢字のグリッドがノイズで明滅する、タイポグラフィの風景。マウスの近くで文字が浮かび上がります。ごく一部だけ朱色に変わります。

CANVAS 2D / SHIPPORI MINCHO / 0 DEPS

こういう表現、一緒につくりませんか。

ブランドサイトのインタラクション実装のご相談も歓迎です。