Visual C# 2019 入門

26．突破ゲームを作ろう

今まで作ってきたものは、ボタンをクリックするだけだったり
数値を入力するタイプのものでした。
今回は少しだけレベルを上げて、ちょっとグラフィカル（？）で
マウスで操作するゲームを作っていきましょう。

それから説明の内容は少しずつ省略していくので、分からなくなってきたら前のページに戻って読み返してみましょう。

どんなゲーム？

下図を見てください。
みどり色の四角をマウスで左右に動かし、クリックで発射します。
オレンジの壁に当たらないように発射するゲームです。

見た目は残念な感じですが次のことが学べます。

・マウス操作でキャラクターを動かす
・クリックで発射
・オブジェクトを一定間隔で動かす
・当たり判定

初歩的なものばかりですが、本格的なシューティングやアクションゲームでも、同じようなことをしています。
基礎を学ぶにはこれくらいシンプルなのがいいですね。

新しいプロジェクトを作ろう

新しくプロジェクトを作成してください。
名前はなんでもかまいません。

プロジェクトを作成したらタイトルを変更します。
Form1 の Text プロパティを「 突破せよ 」にします。ま、好きな名前でいいです。

壁の絵を用意します。
今回は PictureBox を使います。
Form1 上に配置したら、左右がはみ出すように横長くしましょう。

ついでに Form のサイズも上図のように調整します。

次に、pictureBox1 の背景色をオレンジにします。BackColor プロパティを変更しましょう。
Web タブの中にある Orange を選択します。

壁の隙間の絵を作ろう

壁の隙間（すきま）の絵を作ります。
隙間の絵を作るというのは、変な話ですね。
２つの壁を用意して、ちょっと離れた場所に配置すれば、それが隙間になります。
ですが、プログラムをより簡単にするため、隙間の絵を用意します。
この理由はあとで説明します。

先ほど作った壁の絵を複製します。コピー＆ペーストで作りましょう。
そして、横幅のみを短くします。
次に１つ目の壁と重ねてください。

このままでは隙間にならないので、背景色を変えます。
pictureBox2 の BackColor を Control 色に変更します。
システムタブの中にある Control を選択しましょう。

これで Form と同じ色ですね。
実行してみれば壁の隙間という感じがはっきりと分かります。

プレイヤーの絵を作ろう

プレイヤーの絵を作ります。
隙間の PictureBox を複製しましょう。
そして BackColor を LimeGreen に変更します。
（web タブの中にあります）
色に関してですが、壁とプレイヤーの色は何でもかまいません。
ただし、隙間の色だけは Form と同じ色にする必要があります。

Size プロパティを幅（Width） 20、 高さ（Height） 30 に設定します。

プログラムで使いやすいようにコントロールの名前（name プロパティ）を変更します。
プレイヤーは Player とします。
壁の隙間は Sukima とします。

これでゲームとしての材料は準備できました。