どうも、まさとらん（@0310lan）です！

今回は、3Dの素材を使って「ゲーム」を手軽に作れるサービスをご紹介します！

ゲームだけでなく、Webサイトの素材としても使うことが出来るように書きだすことも可能なので、応用範囲は広いかと思います。

「Goo Create」です！

どうやって使うの？

まずは、サイトのトップにあるボタンをクリックしてユーザー登録をします。



ログイン後のマイページで、「CREATE PROJECT」をクリックします。



プロジェクト名を入力して、「CREATE SCENE」をクリックします。



すると、メイン画面となる「製作用エディタ」が表示されます。

あとは、この画面から様々な編集をしながら、ゲームやコンテンツなどを作成していくことになります。

実際に触ってみよう！

簡単なサンプル事例として、あらかじめ搭載されている素材を使って、キャラクターを走らせてみましょう！

まず、画面がちょっと寂しいので、何か地形を表示してみます。

画面上部にある「ASSET LIBRARY」から、気に入った素材を選択します。



すると、すぐに選んだ地形が画面に表示されるのが分かります。



同じ要領で、今度はキャラクターを選択！



こんな感じで表示されます。

画面は、「Ctrl」キーや「Alt」キーを押しながら、マウスでドラッグすると調節することが可能です。


そして、左メニューの「ANIMATION」から「走る」動作を選び、画面下の再生ボタンをクリックします。



これで、キャラクターが走ってくれます！

もちろん、アニメーションは外部で用意したモノを適用させることも可能です。


また、「Goo Create」には、タイムライン上でキーフレームを追加することで、自作のアニメーションを制作する機能も搭載されているので便利です！

ちなみに、3Dキャラクターやアニメーションを簡単に生成することが出来るWebサービス「Mixamo」を利用すれば、可能性は無限に広がるでしょう。


さらに、好きなエフェクト効果を選択し、「視覚効果ボタン」をクリックすると……



簡単に、ビジュアルを変化させることも出来ます。

上手く使えば、面白い映像作品も作れるでしょう。

基本的な操作は、人気のゲームエンジン「Unity」に近い感覚で使えるので、初心者の方でもすぐに慣れるはず！


GUIベースの作業が可能ですが、JavaScriptによるプログラミングで、すべての制御を行うことも出来ます。

そのため、キャラクターやカメラのコントロール、ボタン、マウス操作など、よく使うであろうスクリプトはあらかじめ用意されています。

もちろん、ゼロから自分で作ることも可能です。

丁寧なチュートリアルもあり、分からないことを相談できるフォーラムなども用意されているので勉強しやすいです。


最終的に完成した作品は、「Publish」ボタン１発で簡単に書きだすことが出来ます。



書き出したら、自動的に「Goo Create」側でホストしてくれて、一般公開もできます！

また、埋め込みタグも生成されるので、自分のWebサイトやブログなどに組み込んだり、プロモーション動画などに使ったりも出来るので応用範囲はかなり広いでしょう。


さらに、Ludeiの「CocoonJS」を利用することで、iOSやAndroidへのスマホアプリとして生成することも可能です。

専用のアプリから、スマホ端末で動作確認もできるのでかなり便利ですよ！

少しずつ増えてきた「Goo Create」開発事例！

「Goo Create」を活用して制作されたゲームや、Webコンテンツを少しご紹介しておきます。

【 Angry Birdsのカーレース 】

お馴染みの、Angry Birdに登場するキャラクターを使ったWebゲームとなっています。

WebGL対応のブラウザであれば、どんな端末でも動くので、実際にプレイしてどんな感じかを体験してみると良いでしょう。


【 SKAZKA 】

3Dグラフィックを駆使した映像作品がコチラ！

箱庭のような世界をグルグル見回すことができ、さまざまな映像が再生され続けるのですが、その空間に自分でも絵を描くことができる変わった作品です。

さらに、Gifに変換して書き出せる機能も搭載されています。


【 Goon’s Quest 】

3Dの空間を走り回って、アイテムをゲットするアクションゲームです。

マウスを移動させることで、キャラクターが走って行くちょっと変わった操作感ですが、「こんなゲームが作れる！」というサンプルとしては分かりやすいでしょう。


【 Nikeが提供する3Dサッカーコンテンツ 】

3Dで描かれたサッカー選手を使って、マウスをドラッグしながら好きなアングルを決め、決定的瞬間を激写できるという面白コンテンツ！

このようなゲーム以外の用途でも、かなり面白いコンテンツが作れますね。

他にも、たくさんの事例が紹介されているので、もしご興味あれば覗いてみてください！
【 Goo Create作品一覧 】

おまけ

最後に、3DCGを駆使した面白いWebサービスも、合わせてご紹介しておきます。

【Web上に実装された「3DCGプログラミング」事例10選が、もはや神の領域！】

今回ご紹介した「Goo Create」のエンジンを使った作品も含まれていますが、Web上で実現できることが増えていることを実感できる作品ばかりなので、ぜひ一読くださいませ！

まとめ

3Dゲームの制作ができるWebサービスとして、他にも「Play Canvas」というのがあります。

3Dモデリングなどを始めたければ、「123D」のようなサービスもあって、ブラウザ上で3Dコンテンツを扱えるサービスは着実に増えてきているのを実感できます。

みなさんも、ぜひリッチな3Dコンテンツを活用して、自分だけの作品を作ってみませんか？


written by まさとらん