feelingCSSとCanvasを使ったインタラクションの作例紹介お品書き垂直に回転して切り替わる直方体のタブ立体的なナビゲーションバーのアニメーションマウスポインタの軌跡に弾みがついた曲線を描くEaselJSでインスタンスをドラッグする勢いで回転を加速する数学についての参考CSS3の実装が進み、JavaScriptを使わなくても、インタラクティブなアニメーションが表現できるようになった。JavaScriptのライブラリでCanvasを用いれば、ダイナミックなモーショングラフィックスがつくれる。小さな作例をいくつか採り上げながら、表現のポイントや組み立て方を解説する。魅力的な動きが、数学的な考え方により、簡単な四則演算で表される例もご紹介しよう。camera*テクスチャを読み込むためには、jsdo.itのサイトで開く。