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