Visual C# 2017 入門
31.メテオゲーム「隕石をよけろ」を作ろう
ここから新しいゲームの作り方を説明していきます。
これまでテキストだけのゲームだったり、四角を使ったものでしたが
画像を使うことで、ゲームらしい感じのものを作ることができます。
Visual Studio の中でゲーム専用の環境を使えば本格的なゲームも作れます。
ただ、それなりにスキルが必要なので、初心者のみなさんはまず
このゲームを作りながら基本を学びましょう。
どんなゲームなのか
シーンは宇宙です。
宇宙船をマウスで操作して(左右に動かす)、隕石をよけるだけのゲームです。
絵そのものはしょぼいですが、画像を使うだけでゲームの雰囲気が変わりますね。
ゲームに使う絵を用意しよう
このゲームでは7枚の絵を使います。
下の絵を作業するパソコンに保存してください。
1.自機
2.隕石
3.爆発
4.背景
5.タイトル
6.ゲームオーバー
7.メッセージ
7枚の画像を1つのフォルダに保存してください。
画像の上で右クリックするとメニューが表示されます。
その中の名前を付けて画像を保存をクリックして
1枚ずつ作業します。
ファイル名は変更せずに、そのまま保存してください。
保存したフォルダの場所はしっかりと覚えておきましょう。
zip も用意しました。
新しいプロジェクトを作成しよう
新しくプロジェクトを作成してください。
名前はなんでもかまいません。
プロジェクトを作成したらタイトルを変更します。
Form1 の Text プロパティを「 メテオ 」にします。ま、好きな名前でいいです。
次に Form1 の横と高さのサイズを変更します。
Width 480
Height 320
このサイズの大きさに意味はありません。
違うゲームを作るときには、好きなサイズで作成しましょう。
PictureBox に画像を表示しよう
まず、Form1 に PictureBox を2つ用意してください。
これから画像を表示する手順を説明します。
PictureBox を1つ選び Image プロパティをクリックすると
右端にアイコンが出てきます。
これをクリックすると、リソースの選択ウィンドウが表示されます。
ここでインポートをクリックして画像ファイルを選択します。
先ほど保存したファイルの中から隕石 p_meteor.png を選択し、開くをクリックします。
なお、環境によって拡張子(.pngの部分)が見えない人もいると思います。
開発作業をするなら拡張子が見えないと不便です。
今すぐにする必要はありませんが、ネットなどで方法を検索し
拡張子の表示をした方がいいでしょう。
ファイルを選択して開くとリソースの選択に戻ってきます。
ここでOKをクリックすると PictureBox の中に画像が表示されます。
ちょっと PictureBox のサイズが小さいようなので、絵の全体が見えるように
調整しましょう。
もう1つの PicTureBox には背景 p_bg.jpg を入れてみましょう。
手順は先ほどと同じです。
リソースの選択に戻ってきたら p_bg が選択されていることを確認してOKを
クリックします。
デザイン編集画面に戻ると PictureBox に背景が表示されています。
しかし、なんだかよく分からない画像ですね。
PictureBox のサイズを広げてみましょう。
これで p_bg の画像を確認することができます。