メモリ ゲームの概要 (HTML)

このチュートリアルでは、一般的に "神経衰弱" と呼ばれる記憶ゲームの軽量な動的バージョンを作成します。ゲームでは、複数のカードが裏向きにして並べられます。ゲームの目標は、一致するすべてのペアが表向きになるまで、一致するカードのペアを引っくり返すことです。

ゲームの主要コンポーネント

このアプリには、次のコンポーネントが必要です。

ゲーム デザイン

ビジュアル デザインとレイアウトは、次の領域で構成されます。

• アプリのタイトルと一連の短い指示を含むヘッダー

  

• 次の項目を含むパネル:

  • [Start] ボタンと [Stop] ボタン

  • ゲーム サイズ コントロール

  • タイマー

  • [Found] カウンターと [Attempts] カウンター

  

• ゲーム グリッド

  

ゲーム ロジック

ゲーム ロジックには次の機能が必要です。

• タイマー

• ゲーム サイズ

• 試行回数

• 成功した試行の回数

さまざまなゲーム ビュー

ゲームには、ゲームのレイアウトをデバイスの表示形式に合わせるメディア クエリが含まれています。たとえば、レイアウトには縦向きと横向きの表示用に異なる構成があります。

ヘッダーはアプリ ウィンドウの上部に位置が固定されますが、ボタン セクションはヘッダーとグリッドの間で移動し、ボタンは水平方向のボタン セクションに合うように再配置されることに注意してください。

次の手順: 最初の Windows ストア アプリのデザイン (HTML)。