VisualBasic 2015 入門

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

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

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

どんなゲームなのか

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

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

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

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

１．自機

２．隕石

３．爆発

４．背景

５．タイトル

６．ゲームオーバー

７．メッセージ

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

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

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

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

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

PictureBox に画像を表示しよう

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

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

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

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

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

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

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