HTML5 tetris timelapseTimelapse of making an HTML5 canvas 2d tetris game. Actual time is 45 minutes. Play: http://dionyziz.logimus.com/tetris Source code: http://github.com/dionyziz/canvas-tetris
テトリスをJavaScriptで作る 実装編(1) | 仮ぶろぐ
設計を元に実装していきます。 ソース:tetris.js ライブラリー:dq-rtg.js,dq-cancas.js(実際に動かすにはライブラリのコアコンポーネントとjQueryも必要です）。 できあがり 状態管理 常にタイマーからの更新要求が飛んでくるので、ゲームの状態を用意して描画を少し管理することにします。 ゲーム状態 Start: “Push A Button” を表示して、ゲームの開始を待っている状態 Play: ゲーム進行中、落下中のテトリミノを落としたり、キー操作を画面に反映します。 Pause: ゲーム進行中ですが、落下などの進行を中断します。 Erase: ラインの削除演出を表示中です。 テトリミノの落下が抑止されます。 GameOver: “Game Over” が表示されます。 ライン削除 演出の状態を管理します。 ライン削除演出の状態を管理します。 None: 落下
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
