第21回 HTML5とか勉強会 テーマ「HTML5+ゲーム」まとめ #html5j
コマンド選択式のゲームでは、それぞれのアニメーションをCSS3で付ける。それらをタイムラインで並べて実行。アニメーションの管理は、独自のライブラリを作って関数化してる。 #html5j
2011-09-27 19:19:22あえて-webkit-animation-durationを設定せずにおき、JavaScriptでセットする。それにより、アニメーションのタイミングを制御している。#html5j
2011-09-27 19:19:49アニメーション処理。ここのアニメは CSS 3 で作って、タイムライン上に並べて、最後に関数にまとめる。#html5j duration は CSS に書かないで JS で計算させてタイムライン上に配置しているのかー。
2011-09-27 19:20:02setTimeout を駆動する人にxフレーム後に動かす(cssを制御する)関数を登録する。まぁそうだろうね。 #html5j
2011-09-27 19:20:23アニメーション処理はCSS3とJavaScriptの組み合わせ。ひとつひとつのアニメを、 'jQuery's Deferred Object' のメソッドチェーンで処理をつなぎ合わせる #html5j
2011-09-27 19:25:21行動はターン制なので一つの行動が終わったら、次の行動をするという丁寧な処理が欲しい。何ターン続くかわからないので、イベント全体を一つのタイムラインでラップしたくない。なので非同期制御で実装。 #html5j
2011-09-27 19:25:08タイムラインに依存したくない非同期処理はjsDeferredやjQuery deferred objectを使ってる #html5j
2011-09-27 19:27:40スマートフォンでjquery-minを読み込むだけで300ms(? 聞き間違えたかも...。)もかかるので使いたくない #html5j
2011-09-27 19:27:46Canvasベースのゲームライブラリ。Arctic.js近日公開。 ( #html5j live at http://t.co/95WLCI3s)
2011-09-27 19:28:48Arctic.js ActionScript3風に書けるCanvas用JSライブラリ。DeNAが開発。近日公開。 #html5j
2011-09-27 19:29:34Canvas で書く方法。Arctic.js を使ってる。これは平たく言うと ActionScript 3 風に書けるので Flasher にはすごく向いてる。このライブラリは近日公開。 #html5j 素晴らしいっ。
2011-09-27 19:29:23exGame: JavaScriptで1行書くだけでiOS上でFlashが動く! 実際は HTML5+Canvas で描画 mobage プラットフォームにて提供 #html5j
2011-09-27 19:31:34