最終回である今回は、Webの「Animation(動き)」の改善方法について紹介します。 そもそもAnimationとは まず、そもそもAnimationとはどのように実現するのか考えてみましょう。 多くの人は、テレビや映画がどのようにして映像を実現しているのかを理解しているはずです。一言でいえば「目の錯覚」。静止画を短い期間で何度も差し替えると、画上の物体が動いているように目が錯覚するのです。そしてこれを、現実世界の動きに似せたいのであれば、差し替える期間を短くしなくてはいけません。 WebのパフォーマンスモデルRAILでは、この動き(Animation)について、約16.67秒で切り替えることを推奨しています。これは一秒間あたり、60回の切り替えが起きる(60fps)ことを意味します。テレビは30fps弱で、ゲームセンターの古い専用機は約50fpsですが、デスクトップPCのディ