9
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2019-06-19

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時間くらい

セットアップ

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

2. Game Builder のダウンロード
ストアの白い枠内の検索ボックスに、Game Builder を入力
コメント 2019-06-17 151356.png

サジェストに、Game Builder が表示されるためクリック
コメント 2019-06-17 151507.png

白い枠内今すぐプレイをクリック
Inkedコメント 2019-06-17 152600_LI.jpg

3. Game Builder の起動
ライブラリの Game Builder をクリックし、プレイをクリック
コメント 2019-06-17 153150.png

画面サイズ等はお好みで
コメント 2019-06-17 154126.png

使い方遊び方

1. まずはチュートリアルで学ぶ
NEW PROJECT をクリック
Inkedコメント 2019-06-17 154142_LI.jpg

Tutorial をクリック
Inkedコメント 2019-06-17 154219_LI.jpg

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

2.実際に作ってみる

自キャラを動かして星を取ったらクリアするゲームを作ってみる。
ezgif.com-video-to-gif (3).gif

ルール

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

NEW PROJECT をクリック
Inkedコメント 2019-06-17 154142_LI.jpg

Emptyをクリック
Inkedコメント 2019-06-17 154219_LI2.jpg

SINGLE PLAYER をクリック
コメント 2019-06-19 111815.png

最初に不要なオブジェクトを消す。
TabキーでBUILDモードに変更し、MOVEモードにし、
D&Dで不要なオブジェクトを複数選択をし、DELキー
コメント 2019-06-19 112126.png

CREATEパネルで自キャラクタが歩くステージを作る。
CREATEパネル→GAMEPLAY
コメント 2019-06-19 112520.png

位置は後からぴったりに出来るので適当に置く
コメント 2019-06-19 113149.png

MOVEパネルでオブジェクトを選択すると、オブジェクトの詳細設定が表示されるため、一番上の"Snap to grid"にチェックをいれる。これでオブジェクトがぴったりくっつく。
コメント 2019-06-19 113509.png

ぴったり
コメント 2019-06-19 113704.png

ゲームクリアの星を設置する
CREATEパネル→Items
コメント 2019-06-19 114023.png

ちっちゃいので大きくする
SCALEパネル→オブジェクトの右上をドラッグ
コメント 2019-06-19 114244.png

おおきいことはいいこと
コメント 2019-06-19 114343.png

星をとったらゲームクリアとする
LOGICパネル→星を選択→"Add Action card"
コメント 2019-06-19 114530.png

"End Game - YOU WIN!" を選択
コメント 2019-06-19 114628.png

こうなる。これでオブジェクトがぶつかったら(Collision Event)ゲームが終わる(End Game - YOU WIN!)となる。
コメント 2019-06-19 114855.png

ゲームの本筋はこれで完成。
TabキーでPLAYモードにし、やってみる。
ちなみにジャンプはスペースキー。
コメント 2019-06-19 115458.png

これだけだと簡単すぎるので、ステージの外側に触るとゲームオーバーになるようにする。
コメント 2019-06-19 115629.png

LOGICパネルでステージをクリックして、
星と同じように、IFに"Collision Event"、Then do に"Game over" を設定
コメント 2019-06-19 115849.png

"Collision Event"の歯車アイコンをクリックして、
コメント 2019-06-19 120108.png

"Cokkide with what"(何と衝突したら)を、"Player"に変更
これをしないと永遠にゲームオーバーになる。
コメント 2019-06-19 120230.png

これで触るとゲームオーバーになる。
コメント 2019-06-19 120306.png

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

星の高さを調整
MOVEパネルで緑矢印を上にドラッグ
コメント 2019-06-19 120646.png

木箱を設置
CREATEパネル→GamePlay
コメント 2019-06-19 120901.png

SCALEパネルでサイズを大きく
コメント 2019-06-19 121227.png

押せるように設定
EDITパネル→KGアイコン
Massを20
Dragを1
Bounceを1
コメント 2019-06-19 121508.png

プレイしてみる。
コメント 2019-06-19 121614.png

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

自キャラ強化
LOGICパネル→Jump
コメント 2019-06-19 121756.png

JunmHeightを4.8ぐらいに
コメント 2019-06-19 121840.png

乗れた
コメント 2019-06-19 121936.png

完成
ezgif.com-video-to-gif (3).gif

デモ

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

終わりに

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

9
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
10

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?