メモリ ゲームの概要 (HTML)
このチュートリアルでは、一般的に "神経衰弱" と呼ばれる記憶ゲームの軽量な動的バージョンを作成します。ゲームでは、複数のカードが裏向きにして並べられます。ゲームの目標は、一致するすべてのペアが表向きになるまで、一致するカードのペアを引っくり返すことです。
ゲームの主要コンポーネント
このアプリには、次のコンポーネントが必要です。
ゲーム デザイン
ビジュアル デザインとレイアウトは、次の領域で構成されます。
アプリのタイトルと一連の短い指示を含むヘッダー
次の項目を含むパネル:
[Start] ボタンと [Stop] ボタン
ゲーム サイズ コントロール
タイマー
[Found] カウンターと [Attempts] カウンター
ゲーム グリッド
ゲーム ロジック
ゲーム ロジックには次の機能が必要です。
タイマー
ゲーム サイズ
試行回数
成功した試行の回数
さまざまなゲーム ビュー
ゲームには、ゲームのレイアウトをデバイスの表示形式に合わせるメディア クエリが含まれています。たとえば、レイアウトには縦向きと横向きの表示用に異なる構成があります。
ヘッダーはアプリ ウィンドウの上部に位置が固定されますが、ボタン セクションはヘッダーとグリッドの間で移動し、ボタンは水平方向のボタン セクションに合うように再配置されることに注意してください。