記事で解説したアニメーションの挙動を
実際に動かして試せる実験ページです。
easing、frame time、Canvas vs DOMなどの
インタラクティブデモを体験できます。
Playground
記事と連動した「実験用UI」です。開いて、操作して、観察してみてください（折りたたみで縦長対策）。
Frame Time
Frame依存 vs deltaTime / Heavy Load / dtグラフ
▾
Frame Time
Frame依存 vs deltaTime / Heavy Load / dtグラフ
Easing
プリセット＋cubic-bezier編集＋曲線表示
▾
Easing
プリセット＋cubic-bezier編集＋曲線表示
Canvas vs DOM
同じ動きで左右比較 / Heavy Load / dt・fps
▾
Canvas vs DOM
同じ動きで左右比較 / Heavy Load / dt・fps