3
0

More than 3 years have passed since last update.

PlayCanvasでサンディちゃんを歩かせるゲームを作るぞ☆(第1回)

Posted at

はじめに

なんとなく手を出してみたPlayCanvasが使いやすかったので、ひととおりゲームらしきものを作ってみようかと。

こんなん作ってます。

https://playcanv.as/b/6yisdCs4/
※本解説よりも開発が進んでいることもございますのでご了承ください。

PlayCanvasのいいところ

  • ネットに繋がってる端末があればどこでも開発ができる。
  • ブラウザアプリに限定すればUnityよりビルドが速く快適。

シーンを作る。

プロジェクトの作成は省略。

とりあえず最初だし『No.0』という名前で作成。

1.jpg

デフォルトはこんな感じ。
豆腐がある風景。
2.jpg

サンディちゃん、配置

サンディちゃんとは・・・
https://playcanvas.jp/sandy/

まあUnxxyのゆに●ぃちゃんみたいなマスコットです。

3Dオブジェクトをダウンロードしておきましょう。

まず「Player」って名前のフォルダを作ります。
3.jpg
4.jpg

このフォルダにサンディちゃんのファイルを全部あげちゃいましょ。
5.jpg

7.jpg

6.jpg

(全部あげてゴチャゴチャしちゃったけど、こうしないとおかしくなるのでとりあえずこれで良しとすw)

次にサンディちゃんをステージにあげます。

HIERARCHYの「+ADD ENTITY」を押してModelを追加。

8.jpg

次にModelの名前の変更と、モデルの適用を行います。
9.jpg

緑枠が名前でPlayer、オレンジ枠がモデルでidle.jsonにしましょう。

アニメーションを追加します。

ADD COMPONENTでANIMATIONを選択。
12.jpg

ADD ANIMATIONでidle.jsonを選択、DONEをクリック。
13.jpg

Assetsに追加されます。
14.jpg

この状態でいったん動かしてみましょう。
10.jpg

再生マークのボタンを押してみましょう。

新しくタブが開いてローディング
11.jpg

息をしているサンディちゃんがたたずんでおります。
15.jpg

Launchボタンを押してから10秒かかってないです。(この内容だから軽いだけ?)

PUBLISHもしちゃいましょう。

MANAGE SCENEから行きます。
スクリーンショット 2019-12-19 0.21.06.png

PUBLISH!!
スクリーンショット 2019-12-19 0.21.21.png

ここからあれこれ入力していけば、制作したゲームをすぐに遊べるURLが出力されます。
スクリーンショット 2019-12-19 0.22.58.png

ほらね。(サンディちゃんがたたずんでるだけです)
スクリーンショット 2019-12-19 0.23.20.png

PUBLISHは進捗などをツイッターに貼る場合に使うといいと思います。

所感

今のところ、ブラウザでの開発についてはUnityよりはイイです。
アセットやAPIなどのボリュームについては敵わないだろうなと思いますけれど。
しかし何よりも自前のデバイスが手元になくても、ゲーム開発できることが案外ノンストレスで楽しいですね。
個人的にこれがかなり大きい。

3
0
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
3
0