Google の Game Builder を使って3Dゲームを作る（Steamアカウント取得から～ゲーム完成まで）

# Google の Game Builder を使って3Dゲームを作る。

## この記事の目的
- 思った以上にサクサク作れるので、Game Builder をみなに広めたい。Unity や RPGツクールなどのゲーム作成ソフトでで挫折した人も大丈夫だと思う。
- 触って数時間なので間違いがあるかもしれないけれども、とりあえず面白さを伝えたいのでラフでもアップしちゃう。

## Game Builder とは？
Googleが作った3Dマルチプレイヤーゲームツクール
詳しくはこちら
https://japanese.engadget.com/2019/06/15/game-builder-google/

## 開発環境
- Windows 10 Pro 1903
- Chrome 74.0.3729.169

## かかる時間
Steamアカウント所得からゲーム完成までだいたい3時間くらい

## セットアップ
１. Steamのインストールとアカウント取得
こちら (https://www.imamura.biz/blog/18672) のサイトが詳しいので割愛

２. Game Builder のダウンロード
ストアの白い枠内の検索ボックスに、Game Builder を入力
![コメント 2019-06-17 151356.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/d5a8c2fe-6041-8d9c-6f84-fba57f941737.png)

サジェストに、Game Builder が表示されるためクリック
![コメント 2019-06-17 151507.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/442ad847-b734-8431-ea73-ca07074688a7.png)

白い枠内今すぐプレイをクリック
![Inkedコメント 2019-06-17 152600_LI.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/bb46e4e9-cd53-ab7f-9179-005efd9b7484.jpeg)

３. Game Builder の起動
ライブラリの Game Builder をクリックし、プレイをクリック
![コメント 2019-06-17 153150.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/4540071c-be13-c5e6-490e-dfc9d0838b18.png)

画面サイズ等はお好みで
![コメント 2019-06-17 154126.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/d0fc4038-eeb3-271d-6c8e-7258622aae01.png)



## ~~使い方~~遊び方
１. まずはチュートリアルで学ぶ
NEW PROJECT をクリック
![Inkedコメント 2019-06-17 154142_LI.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/4736a4bd-6f3d-cb35-962d-d107713161fe.jpeg)


Tutorial をクリック
![Inkedコメント 2019-06-17 154219_LI.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/20c6cf09-5002-1404-eb26-fb6b616e91b2.jpeg)


正直チュートリアルは超わかりやすい。30分くらいで終わる。
テキストは英語だけど中学生レベルだから大丈夫。




２．実際に作ってみる
 
自キャラを動かして星を取ったらクリアするゲームを作ってみる。
![ezgif.com-video-to-gif (3).gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/ce94dca8-931e-3a57-8f00-d501dc500344.gif)

    
ルール
- 星をとったらゲームクリア
- 触ってはいけないオブジェクトに触るとゲームオーバー


NEW PROJECT をクリック
![Inkedコメント 2019-06-17 154142_LI.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/4736a4bd-6f3d-cb35-962d-d107713161fe.jpeg)

Emptyをクリック
![Inkedコメント 2019-06-17 154219_LI2.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/a8a4df21-1ec8-6211-f0ea-16438222901d.jpeg)

SINGLE PLAYER をクリック
![コメント 2019-06-19 111815.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/f8e82f1d-64e4-ea10-6de2-85dc136bdd81.png)

最初に不要なオブジェクトを消す。
TabキーでBUILDモードに変更し、MOVEモードにし、
D&Dで不要なオブジェクトを複数選択をし、DELキー
![コメント 2019-06-19 112126.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/335f20c5-9061-8dd3-b763-0b99a9dba7c9.png)


CREATEパネルで自キャラクタが歩くステージを作る。
CREATEパネル→GAMEPLAY
![コメント 2019-06-19 112520.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/7dc44bf9-0345-f4d7-e32a-9e21337b3ff2.png)

位置は後からぴったりに出来るので適当に置く
![コメント 2019-06-19 113149.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/3e683cf7-674a-e827-de17-56379dba32ca.png)

MOVEパネルでオブジェクトを選択すると、オブジェクトの詳細設定が表示されるため、一番上の"Snap to grid"にチェックをいれる。これでオブジェクトがぴったりくっつく。
![コメント 2019-06-19 113509.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/0cc91767-57ba-139f-bcab-3a3abacab32a.png)

ぴったり
![コメント 2019-06-19 113704.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/d1163985-7044-9e72-429e-d3c143d1a379.png)


ゲームクリアの星を設置する
CREATEパネル→Items
![コメント 2019-06-19 114023.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/d9a3e92a-84d5-ba6b-ddaf-74d2107add2c.png)

ちっちゃいので大きくする
SCALEパネル→オブジェクトの右上をドラッグ
![コメント 2019-06-19 114244.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/0335a7b1-2342-afe2-6dc8-57b0dfa05d32.png)

おおきいことはいいこと
![コメント 2019-06-19 114343.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/230b7c5d-c2aa-8312-5074-b131482dabdd.png)

星をとったらゲームクリアとする
LOGICパネル→星を選択→"Add Action card"
![コメント 2019-06-19 114530.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/3cbee59d-746e-0248-38ef-f60af119f9c3.png)

"End Game - YOU WIN!" を選択
![コメント 2019-06-19 114628.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/e62be1f3-9943-14b7-3751-5df12619ac25.png)

こうなる。これでオブジェクトがぶつかったら（Collision Event）ゲームが終わる（End Game - YOU WIN!）となる。
![コメント 2019-06-19 114855.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/df6db17e-a1cf-87cd-2e11-b9481ccf4231.png)

ゲームの本筋はこれで完成。
TabキーでPLAYモードにし、やってみる。
ちなみにジャンプはスペースキー。
![コメント 2019-06-19 115458.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/1391a0c7-cfb6-1205-e259-afcdf8f2505a.png)


これだけだと簡単すぎるので、ステージの外側に触るとゲームオーバーになるようにする。
![コメント 2019-06-19 115629.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/ce11d4db-b60b-ae86-a967-b0c2c47f150b.png)

LOGICパネルでステージをクリックして、
星と同じように、IFに"Collision Event"、Then do に"Game over" を設定
![コメント 2019-06-19 115849.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/68fe67dd-5d99-8ecf-044b-d4e42af66907.png)

"Collision Event"の歯車アイコンをクリックして、
![コメント 2019-06-19 120108.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/2f7521fd-d2bf-6ee1-7f15-ddf0d377757f.png)

"Cokkide with what"（何と衝突したら）を、"Player"に変更
これをしないと永遠にゲームオーバーになる。
![コメント 2019-06-19 120230.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/9c7119db-fa36-4831-83ec-936bd1d9bf7e.png)


これで触るとゲームオーバーになる。
![コメント 2019-06-19 120306.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/3f75e9a4-e60b-8226-b42c-c9a87da91737.png)


これだけだと寂しいので、星は普通のジャンプでは取れない高さに設置し、木箱を踏み台にしてジャンプふることで取れるようにする。

星の高さを調整
MOVEパネルで緑矢印を上にドラッグ
![コメント 2019-06-19 120646.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/8f5dd5da-282b-97d9-a1c9-7884a5429895.png)


木箱を設置
CREATEパネル→GamePlay
![コメント 2019-06-19 120901.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/8ff82e55-0cb9-f332-0130-e4b5d1dcb886.png)

SCALEパネルでサイズを大きく
![コメント 2019-06-19 121227.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/51ef6a6d-78db-8d38-bbdc-0ab485933641.png)

押せるように設定
EDITパネル→KGアイコン
Massを20
Dragを1
Bounceを1
![コメント 2019-06-19 121508.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/99df9534-9aaa-f432-4578-f10e30c97ab4.png)

プレイしてみる。
![コメント 2019-06-19 121614.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/a8828dd7-803e-da81-dcdb-447c28bc9062.png)

自キャラのジャンプ力が足りず、木箱に乗れないっっっっっ

自キャラ強化
LOGICパネル→Jump
![コメント 2019-06-19 121756.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/64700e09-dfb8-df83-3a82-bb6f55958deb.png)

JunmHeightを4.8ぐらいに
![コメント 2019-06-19 121840.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/0e92908f-f1e3-bbcc-1760-4c011b89b859.png)

乗れた
![コメント 2019-06-19 121936.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/e9b8d7bd-5948-b015-b730-554e4b13d628.png)

完成
![ezgif.com-video-to-gif (3).gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/129423/ce94dca8-931e-3a57-8f00-d501dc500344.gif)



## デモ
Game Builder のワークショップに作ったゲームをアップロードしています。
https://steamcommunity.com/sharedfiles/filedetails/?id=1770839137


## 終わりに
~~実際に手を動かすとサクサク作れるんだけど、文字にすると大変…~~
今回は一人での開発だったが、Game Builder の真価は複数人でのリアルタイム開発にあると思う。
マリオメーカー2のように、みんなでわちゃわちゃオブジェクトを置いたり、ロジックを組んだりして、最後にみんなでプレイすると最高に楽しそう。
基本操作をこれで覚えて、複数人での開発もしてみたい。