iOS上のWebブラウザでのアニメーションについてちょっと調べています。有名所だと、こんな感じのがあります。CreateJSLWFAdobeEdgeただ、どれもJSをゴリゴリ使ってタイムラインの制御と各フレームでのオブジェクトの状態を計算しています。いうわけでモバイル上ではやっぱりパフォーマンスがきついです。DOMがたくさんある画面に複数のアニメーションを配置して動かすとかくかくです。Animatonで作って見たところ、iPhone4でもiPhone5並にヌルヌル動きます。Android4ではヌルヌルとまではいかないですが、結構いい感じに動きます。(Android2.3は検証から外してます)やっぱりCSS3かー。なったわけですが、CSS3でアニメーションを作っていくのはすごく大変。Animatorを見つけました!これがすごい!Flashに似た感じのタイムラインベースのオーサリングツールを使ってアニメーションを作成します。Animationを使い、JSはアニメーションのイベント処理を行うために補助的に使う感じです。Animatorまずはデモをみてもらうのがよいと思います。Animationだけで出来てるとはすごすぎる。クリック処理にJSが使われていますが、あくまで補助的ですね。Animator上からクリック処理やマウスオーバー処理をポチポチ選ぶだけです。標準はWebKitのみ。Android対応あり(実機検証必要android2.3モードあり(限られたプロパティのみ使えるJS連携デモJSと連携させたデモです。}</script></body></html>という感じでかなり完成度の高いものだと思います。レンダリングもDOMを使っているのでCanvasのものよりかはるかにJSから操作しやすくなっています。スクリプト自体もそんなに複雑ではないですし。iPhone4や低スペックAndroid4での検証は行ってないので、そちらは随時やっていきます。Reader)を無料にしましたスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。