HTML5 で遊びながら学ぶ (10) - テトリス コントロール インターフェイス (ソースコード)

本当はいくつか文章を書きたかったのですが、前の記事の反響があまり良くなかったため、当初の予定では「蛇」を書く予定でした。ソースコードに直接書き込むことができます。

今回は、以前のプログラムをベースに次の機能を追加しました:

1. キーボード制御

2. 開始、一時停止

3. 行数としての空白行の一時停止効果増加、スピードアップ

5、効果音

などを解消します。

前回の記事のモデルのコードは既にかなり詳しく書かれており、制御とグラフィックスのコードが追加されているだけで、かなりまとまった記述になっていると感じます。

: この記事のテトリス ゲームを実行するには、Chrome ブラウザが必要です。Firefox ブラウザでも実行できますが、効果音はありません。

タイマー

最初のタイマーは、間隔ごとに TickMessage メッセージを生成します。このメッセージの処理は、落下後にブロックが消えるたびに、トリガーの速度が速くなります。

Loop

ゲーム全体のモデル部分とコントロール部分は多くの イベント

queue が維持されます。 新しい状況が発生すると、対応するメッセージがメッセージキューに追加され、メッセージループはメッセージが存在する限りそこからメッセージを取り出して処理します。

キャッシュ

以上がHTML5 で遊びながら学ぶ (10) - テトリス コントロール インターフェイス (ソースコード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。