このゲームの実装の基本原則:
ゲーム領域は、限られたサイズの領域です。各長方形は 21×25 個あります。幅は 10 単位、高さは 6 単位です (キャンバスの絶対単位はピクセルではなく固定です)。
対応するデータと動作を含む RusBlock クラスを作成し、ゲーム領域にマークされた四角形を記録する 2 次元配列 aState[21][25] を作成します。
テトリスには 7 つのパーツがあり、各パーツが占める四角形の数と位置が異なるので、パーツ クラスを作成し、7 つのパーツを格納する配列を作成します。パーツが占める四角形の数と位置。落下したパーツが最下位に到達すると、新しいパーツが生成され、そのパーツのマークされた四角形がゲーム領域の配列に割り当てられます。
ゲームループ機能で、落下部分、固定部分、次の落下部分を印刷します。
基礎知識:
HTML5 CSS JS
このゲームには 3 つのファイルが含まれています:
RusBlock.html: 要素の設定
RusBlock.css: スタイルの設定
RusBlock.js: スクリプト コントロール
ステップ 1: インターフェイスの設定とマテリアルの準備
RusBlock.html
/title>