チュートリアル 3: 絵合わせゲームの作成Tutorial 3: Create a matching game

このチュートリアルでは、プレーヤーが隠されたアイコンのペアを見つける絵合わせゲームを作成します。In this tutorial, you build a matching game, where the player must match pairs of hidden icons. 以下の方法について説明します。You learn how to:

  • アイコンなどのオブジェクトを List<T> オブジェクトに格納する。Store objects, such as icons, in a List<T> object.

  • foreach ループ (Visual C# の場合) または For Each ループ (Visual Basic の場合) を使用してリスト内の項目を反復処理する。Use a foreach loop in Visual C# or a For Each loop in Visual Basic to iterate through items in a list.

  • 参照変数を使用してフォームの状態を追跡する。Keep track of a form's state by using reference variables.

  • 複数のオブジェクトでイベントへの応答に使用できるイベント ハンドラーを作成する。Build an event handler to respond to events that you can use with multiple objects.

  • 開始されるとカウント ダウンを行い一度だけイベントを発生させるタイマーを作成する。Make a timer that counts down and then fires an event exactly once after being started.

    このチュートリアルを完了すると、プログラムは次の図のようになります。When you finish this tutorial, your program will look like the following picture.

    このチュートリアルで作成するゲーム このチュートリアルで作成するゲームGame that you create in this tutorial Game that you create in this tutorial

サンプルの完全バージョンをダウンロードするには、「Complete Matching Game tutorial sample」(絵合わせゲームのチュートリアルの完全なサンプル) を参照してください。To download a completed version of the sample, see Complete matching game tutorial sample.

注意

このチュートリアルでは、Visual C# と Visual Basic の両方が取り上げられているため、使用しているプログラミング言語固有の情報に注意してください。In this tutorial, both Visual C# and Visual Basic are covered, so focus on information specific to the programming language that you're using.

プログラミングに行き詰まった場合や疑問がある場合は、MSDN フォーラムのいずれかに質問を投稿してみてください。If you get stuck or have programming questions, try posting your question on one of the MSDN forums. Visual Basic フォーラムVisual C# フォーラムを参照してください。See Visual Basic forum and Visual C# forum. 無料で利用できる便利なビデオ学習リソースもあります。Also, there are great, free video learning resources available to you. Visual Basic でのプログラミングの詳細については、「Visual Basic の基礎: 入門者向けの開発」を参照してください。To learn more about programming in Visual Basic, see Visual Basic fundamentals: Development for absolute beginners. Visual C# でのプログラミングの詳細については、「C# の基礎: 入門者向けの開発」を参照してください。To learn more about programming in Visual C#, see C# fundamentals: Development for absolute beginners.

TitleTitle 説明Description
手順 1: プロジェクトの作成とフォームへのテーブルの追加Step 1: Create a project and add a table to your form プロジェクトを作成し、TableLayoutPanel コントロールを追加してコントロールの位置を正しく保つことから始めます。Begin by creating the project and adding a TableLayoutPanel control to keep the controls aligned properly.
手順 2: Random オブジェクトおよびアイコンのリストの追加Step 2: Add a random object and a list of icons Random オブジェクトおよび List オブジェクトを追加し、アイコンのリストを作成します。Add a Random object and a List object, to create a list of icons.
手順 3: 各ラベルへのランダムなアイコンの割り当てStep 3: Assign a random icon to each label Label コントロールにアイコンをランダムに割り当てて、各ゲームでそれらの配置が同じにならないようにします。Assign the icons randomly to the Label controls, so that each game is different.
手順 4: 各ラベルへの Click イベント ハンドラーの追加Step 4: Add a click event handler to each label クリックされたラベルの色を変更させる Click イベント ハンドラーを追加します。Add a Click event handler that changes the color of the label that is clicked.
手順 5: ラベルの参照の追加Step 5: Add label references 参照変数を追加して、どのラベルがクリックされたかを追跡します。Add reference variables to keep track of which labels are clicked.
手順 6: タイマーの追加Step 6: Add a timer ゲームの実行中に経過した時間を追跡するためのタイマーをフォームに追加します。Add a timer to the form to keep track of the time that has passed in the game.
手順 7: ペアの表示の維持Step 7: Keep pairs visible 一致するペアが選択された場合に、アイコンのペアが表示されたままになるようにします。Keep pairs of icons visible, if a matching pair is selected.
手順 8: プレーヤーが勝利したかどうかを確認するメソッドの追加Step 8: Add a method to verify whether the player won プレーヤーが勝利したかどうかを確認する CheckForWinner() メソッドを追加します。Add a CheckForWinner() method to verify whether the player won.
手順 9: その他の機能を試すStep 9: Try other features アイコンおよび色の変更、グリッドの追加、サウンドの追加などの、その他の機能を試します。Try other features, such as changing icons and colors, adding a grid, and adding sounds. また、ボードの拡大およびタイマーの調整を試します。Try making the board bigger and adjusting the timer.