初心者のためのゲームプログラミング入門

プログラミングとゲームの杜

初心者のためのプログラミング入門 & ゲームプログラムの作り方入門

Visual C# 2017 入門

31.メテオゲーム「隕石をよけろ」を作ろう

 

ここから新しいゲームの作り方を説明していきます。
これまでテキストだけのゲームだったり、四角を使ったものでしたが
画像を使うことで、ゲームらしい感じのものを作ることができます。

Visual Studio の中でゲーム専用の環境を使えば本格的なゲームも作れます。
ただ、それなりにスキルが必要なので、初心者のみなさんはまず
このゲームを作りながら基本を学びましょう。

 

 

どんなゲームなのか

シーンは宇宙です。
宇宙船をマウスで操作して(左右に動かす)、隕石をよけるだけのゲームです。

 

メテオ 隕石をよけるゲームの作り方

 

絵そのものはしょぼいですが、画像を使うだけでゲームの雰囲気が変わりますね。

 

 

ゲームに使う絵を用意しよう

このゲームでは7枚の絵を使います。
下の絵を作業するパソコンに保存してください。

1.自機

自機の絵

2.隕石

隕石の絵

3.爆発

爆発の絵

4.背景

背景の絵

5.タイトル

タイトルの画像

6.ゲームオーバー

ゲームオーバーの画像

7.メッセージ

クリックしてくださいのメッセージ画像

 

7枚の画像を1つのフォルダに保存してください。
画像の上で右クリックするとメニューが表示されます。
その中の名前を付けて画像を保存をクリックして
1枚ずつ作業します。
ファイル名は変更せずに、そのまま保存してください
保存したフォルダの場所はしっかりと覚えておきましょう。

 

画像の保存の仕方

 

zip も用意しました。

meteor_pic

 

 

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

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

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

 

新しいプロジェクトを作成してタイトルを変更

 

 

次に Form1 の横と高さのサイズを変更します。
Width 480
Height 320
このサイズの大きさに意味はありません。
違うゲームを作るときには、好きなサイズで作成しましょう。

 

Form のサイズを変更する

 

 

 

PictureBox に画像を表示しよう

まず、Form1 に PictureBox を2つ用意してください。
これから画像を表示する手順を説明します。

PictureBox を1つ選び Image プロパティをクリックすると
右端にアイコンが出てきます。
これをクリックすると、リソースの選択ウィンドウが表示されます。

 

picturebox で画像を表示する

 

 

ここでインポートをクリックして画像ファイルを選択します。
先ほど保存したファイルの中から隕石 p_meteor.png を選択し、開くをクリックします。
なお、環境によって拡張子(.pngの部分)が見えない人もいると思います。
開発作業をするなら拡張子が見えないと不便です。
今すぐにする必要はありませんが、ネットなどで方法を検索し
拡張子の表示をした方がいいでしょう。

 

picturebox に画像をインポートする

 

ファイルを選択して開くとリソースの選択に戻ってきます。
ここでOKをクリックすると PictureBox の中に画像が表示されます。

ちょっと PictureBox のサイズが小さいようなので、絵の全体が見えるように
調整しましょう。

 

picturebox のサイズを変更する

 

 

 

もう1つの PicTureBox には背景 p_bg.jpg を入れてみましょう。
手順は先ほどと同じです。

 

picturebox で背景の画像を表示する

 

 

リソースの選択に戻ってきたら p_bg が選択されていることを確認してOKを
クリックします。

 

背景のjpg画像を表示する

 

 

デザイン編集画面に戻ると PictureBox に背景が表示されています。
しかし、なんだかよく分からない画像ですね。
PictureBox のサイズを広げてみましょう。
これで p_bg の画像を確認することができます。

 

picturebox のサイズを調整する