← GPT-MOTION-GRAPHICS
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.png
  • assets/style-residual-color.png