HTML5 CanvasやWebSocketなどの最新技術を駆使して作ったiPhone 4用ブラウザーゲーム「Handy Stadium」の裏側を解説する本連載も、今回で最終回(連載バックナンバー)。今回は、CSSアニメーションを中心としたフロントエンドの実装について解説します。 オリジナルのJavaScriptライブラリー「mm.js」 Handy Stadiumのフロントエンドの実装における大きなポイントは、jQueryではなく独自のライブラリーを使っていること、Canvas以外のアニメーションはJavaScriptではなくCSSで実現していることです。 フロントエンドの処理は、最近ではjQueryを使うことが多いですが、Handy Stadiumの場合はDOMを操作する処理がそれほど多くなく、対象端末をiPhone、ブラウザーをMobile Safari/Google Chrome(
![CSS3 AnimationsとJSの連携でキャラクターを制御 (1/3)](https://cdn-ak-scissors.b.st-hatena.com/image/square/8e29eebba46d9dcd104361043a00569f158d045c/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2011%2F06%2F20%2F914893%2Fl%2Fb647749f1430a321.jpg)