01
Tidal Drift
3 週間の沿岸踏査から選んだ 12 カット。引き波の数秒だけ現れる砂の模様を追った series。
02
Ember Fields
夕暮れの草地を舞台にしたファッション・エディトリアル。逆光と粒状感で温度を作った 8 ページ。
03
Moss Protocol
苔の生長データを音と粒子に変換した常設インスタレーション。来場者の距離で密度が変わる。
04
Noct Suite
深夜帯ドラマのオープニング。光の筋だけで都市の輪郭を描く 45 秒のモーション。
01 / 04
← → / サムネイル で作品を切り替え
使い方
— USAGE
01
2 ファイルをコピー
style.css / script.js を移植先へ。外部依存ゼロ、WebGL なし。
02
マークアップ
.fluid[data-fluid-mask] に、パネル群（.fm-panel[data-fm-name]、色は --c）と液体カーテン <svg data-fm-veil><path data-fm-path> を置く。
03
覆う → 差し替え → 引く
波打つ path が下から立ち上がり画面を覆う（覆い色＝次パネル色）。覆い切った瞬間にパネルを差し替え、path が引いて新パネルが現れる。
カスタマイズ可能な CSS 変数
--fm-stage-hステージ高さmin(78vh,620px)JS 定数（script.js 冒頭）
COVER / REVEAL覆う / 引く 各フェーズの時間(ms)640 / 640AMP波の振幅（viewBox 600 基準）46WOBBLE縁の揺らぎ速度0.18