Edited at

【GameMaker:Studio2】ミニゲームを作るチュートリアル (Part.1)


はじめに

この記事は シンプルなミニゲームを作りながら、GameMaker:Studio2の基本的な使い方を習得することを目的としています。


作成するゲーム

game.png

作成するのは動き回るオブジェクトをクリックするだけのシンプルなミニゲームです。


素材の場所

使用する素材は以下のリンクからダウンロードできます。

http://syun777.sakura.ne.jp/tmp/gms2/gms2_minigame.zip


作成手順


プロジェクトの作成

Getting Started から 「New」を選びます

001.png

Create New Project の種類は「Drag and Drop」を選びます

002.png

プロジェクト名は何ですが、とりあえず「MiniGame」とします

003.png


たこ焼きオブジェクトの作成

新しいプロジェクトを作成したら、Workspace の何もないところを右クリックして、「Resources > Create Object」を選びます。

004.png

Objectが作られるので、Nameのところを "objTako" に変更して、+のアイコンがあるところ(New Sprite) をクリックします。

005.png

Objectに紐づけする Sprite が作られるので、名前を "objTako" に変更して、「Import」をクリックします。

006.png

あらかじめダウンロードしておいた、gms2_minigameフォルダに含まれる "tako.png" を選んで、「開く」を選びます。

007.png

「Spriteに取り込む画像を選ぶ処理はやり直しできないよ」とのメッセージが表示されますが、特に問題ないのでそのまま「Yes」を選びます

( "Don't show this message again" にチェックを入れると今後表示されなくなるので、チェックを入れることをおススメします)

059.png

取り込んだたこ焼き画像が表示されます。

009.png

これでSpriteの準備ができたので、「objTako」のウィンドウに戻ります。

戻る方法はいくつかあります。好きな方法で「objTako」のウィンドウを表示してください。

▼1. Workspaceを上方向にスクロールする

Workspaceの何もないところをクリックして、Spaceキーを押しながらドラッグするとスクロールができます。

何もないところをクリックして…

011.png

Spaceキーを押しながら、下にドラッグします。

012.png

▼2. 右下の履歴 (Recent Windows) から、Object: objTako を選択する

010.png

▼3. 右側のリソース一覧 (Resources) から、Objectsを開いて objTako をダブルクリックする

013.png

▼4. Workspaceの何もないところを右クリックしてジャンプする

Windows > Object: objTako を選択する

014.png

Go To... > objTako を選択する

015.png

対象のリソース (or ウィンドウ) がどこにあるか分からなくなった場合は、これらのいずれかの手順で探すことができます。

続いて、objTako の動きをつけます。

動きのルールは「Event」で定義します。

Events を選び、「Add Event」を押します。

016.png

Eventの種類は「Create」を選びます。

018.png

これはObjectが作られたときに実行されるものとなります。

Eventを作成するウィンドウが表示されますが、かなり大きなディスプレイを使っていない限りウィンドウの表示が見切れてしまっているはずです。

その場合は、ウィンドウの上部のバーをダブルクリックするとウィンドウが収まるようにスクロールしてくれます。

019.png

もしくは、Workspaceの何もないところをクリックして、Spaceを押しながらドラッグするとスクロールすることができます。

このウィンドウの簡単な説明としては、各種アイコンをEvent内に配置して動きのルールを作ることになります。

まずはこのたこ焼きを落下させるための重力を設定します。

Toolboxの下にある検索ウィンドウに "move" と入力します。

すると、Movementという移動に関するアイコンが表示されます。

020.png

なお、これらイベントに配置するアイコンを、アクションアイコンと呼びます。

ここから下向きの矢印がある「Set Gravity Force (重力を設定する)」アクションアイコンをウィンドウの真ん中にドラッグ&ドロップします。

021.png

すると、「Set Gravity Force」アクションアイコンがイベントリストに表示されます。

022.png

Forceの値は「1」となっており、これでたこ焼きは出現したときに「重力:1」が設定されるようになります。

なお「Relative」にチェックを入れると、重力値をさらに足しこんでどんどん重力が大きくなります。

(ただし、初期値はゼロなので、ここではチェックを入れても入れなくても結果は同じです)


Roomの作成と実行

では、このたこ焼きをゲーム画面に配置します。

Objectの配置は、Roomというリソースで行います。

Roomは初期状態ですでに作られています。

右側の「Resources」のRooms を開いて、「room0」をダブルクリックします。

030.png

これもディスプレイが大きい環境を想定しているのか、はみ出してしまっているので縮小しておきます。

025.png

Zoom Outアイコンを 2~3回ほどクリックすると画面に入りきるサイズになると思います。

そうしたら、右側の「Resources」から Objects を開いて 「objTako」をRoom内にドラッグ&ドロップします。

026.png

とりあえず4つ配置してみました。場所はRoom内の枠に収まっていれば、どこにおいても問題ありません。

027.png

では、実行してみます。

F5を押すか、左上の三角アイコン(▷)をクリックして実行します。

028.png

ビルドが開始するのでしばらく待ちます。

初回のビルドは何か色々やっているらしく、結構待たされる場合があります。

右上の「Building...」の表示がグルグル回っていればハングアップではないので待ちましょう。

029.png

PCのスペックにもよりますが、私の低スペックのPCだと2分半かかることもありました。

ビルドが終わって実行されるとたこ焼きが落下して画面外に消えていきます。

次回に続く

【GameMaker:Studio2】ミニゲームを作るチュートリアル (Part.2)