開発者のためのメモ (HTML)
このサンプル アプリケーションに関する開発者のメモを次に示します。
gameGrid 要素は、カード ゲームを保持するコンテナーです。カードはコードによって生成されます。
各カードは、cardTemplate 要素のコンテンツの複製で、ゲーム カードのテンプレートとしてのみ使用されます。コードは、指定したテンプレート内を調べ、見つけたイメージ要素のソース プロパティをゲームのカード イメージに設定します。また、<p> タグを見つけると、コンテンツをイメージの URL に設定します。
どのゲーム カードにも、クラス名 gameItem が割り当てられています。gameItem クラスを使用して、カードに対してスタイルを設定します。
各カードには、その状態に応じて割り当てられる 3 つのクラス名があります。
closedCard 表側を下に向けた状態。
openCard 表側を上に向けた状態。
foundCard 一致した状態。
ゲーム ロジックでは、3 種類のサイズのゲーム ボードをサポートします。
smallGame 16 枚のカード (8 ペア) を使用します。
mediumGame 36 枚のカード (18 ペア) を使用します。
largeGame 64 枚のカード (32 ペア) を使用します。
イメージ ビュー ポップアップは、div popupHolder で定義されています。
openImagePopup openImagePopup はポップアップ イメージが表示されるときに割り当てられるクラスです。
closeImagePopup closeImagePopup はポップアップ イメージが非表示になるときに割り当てられるクラスです。
参照
処理手順
最初の Windows ストア アプリのデザイン (HTML)