ペルソナ5みたいな UI 作りたいみたいな話あって、メニュー画面の動きだけでも作れないか、と主要な動線だけ雑にReactでスケッチしてみたが、早々に限界が訪れた。 理由はいろいろあるが、(無限に気合でやれば終わるが) (そもそもどこにゴールに設定するかおいといて…) 細かいタメを作るのにフレーム単位の制御が必要。現代のHTML5には Flash Studio の代替がないという問題があり、本格的じゃなくていいからそれっぽいやつを作れないかと思って、試作してみた。 動画 ここで試せる https://5bbe44153813f06f1ff69d0c--timeline-editor.netlify.com クリックでアンカーを撃てる アンカーをカーソルキーで値とタイミングを調整できる width のみ easing も linear のみ GitHub のコード (きたない) github.