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

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

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

Visual Basic 2017 入門

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

 

ここから新しいゲームの作り方を説明していきます。
前回の記事を書き終わったとき、もう説明できることはないかも・・・
と思ったのですが、Visual Basic でどのくらいのことができるのか
試してみたくなりました。

という訳で、今回のサンプルゲームは勉強しながら作ったものです。
作り方についても自信がありません。
このような状況なので、こういう作り方もあるよという感じの説明になります。
それを踏まえてお読みください。

 

 

どんなゲームなのか

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

 

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

 

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

 

 

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

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

1.自機

自機の絵

2.隕石

隕石の絵

3.爆発

爆発の絵

4.背景

背景の絵

5.タイトル

タイトルの画像

6.ゲームオーバー

ゲームオーバーの画像

7.メッセージ

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

 

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

 

画像の保存の仕方

 

zip も用意しました。

meteor_pic

 

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

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

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

 

vb 新しいプロジェクト、メテオゲームを作成

 

 

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

 

vb Form のサイズを変更する

 

 

 

PictureBox に画像を表示しよう

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

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

 

vb picturebox で画像を表示する

 

 

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

 

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

 

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

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

 

picturebox のサイズを変更する

 

 

 

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

 

vb picturebox で画像を表示する

 

 

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

 

vb jpg png 画像を表示する

 

 

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

 

vb picturebox jpg png 表示する