DOCUMENT · 1.1 KB
README.md
Workspace snapshot · 09/04 13:41
BETWEEN prototype v0.1
「二つの存在が出会い、互いを変え、離れた後にも相手の色が残る」を42秒のWebGL作品として描くインタラクティブ・モーションポエム。
実装済み
- 二語の入力をseedへ変換
- WebGL 2 fragment shaderによるwarm / coolの二存在
- BEFORE → AWARENESS → ORBIT → SYNCHRONY → THIRD SHAPE → TENSION → RUPTURE → AFTER
- pointer/touchによる距離への干渉
- 破断後に相手の色と運動を残す
- Web Audioによるドローン音、破断時の無音と復帰
- reduced-motion対応
- 最終フレームPNG保存
- PC/SPレイアウト
- 入力した二語から色・形状の揺らぎを生成
確認
node server.cjs
ブラウザで http://127.0.0.1:4190/ を開く。
次の改善
- 膜の張力と破断をさらに物理的にする
- Interaction Recorderの値を最終構図へ反映する
- 6秒ループ動画書き出し
- S01〜S03の導入追加
- 端末性能別Quality Tier
- 実機でのサウンド・フレームレート監査
Style frames
assets/style-third-shape.pngassets/style-residual-color.png