チュートリアル

VR謎解き:犬を探そう!

素材準備 

背景透明PNGアイコンと画像

VR360度画像

音樂MP3

対応規格
画像:JPG, GIF & PNG ※1ファイルあたり最大5MBまで
3Dモデル:FBX ※1ファイルあたり最大10MBまで
動画:MP4 ※1ファイルあたり最大20MBまで
音楽:MP3 & WAV ※1ファイルあたり最大5MBまで
360度パノラマ画像:JPG ※1ファイルあたり最大5MBまで
360度パノラマ動画:MP4 ※1ファイルあたり最大20MBまで
Youtube動画:アップロードされた動画権限、公開は必要。※容量は規定なし。


今回の素材 → こちら

 

1. GIF画像を作成
 

.Photoshopを開くと、ウインドウ>タイムラインの順に、クリックします。

 

タイムラインを作成しました。

 

タイムラインに動きカットが出てきます。
左ボタンを押したままこの段落をカットできる

 

Ctrl +Jでレイヤーをコピーできます。
適当なサイズを調整します



なげわツールに切り替えます。
下図のように削除したい範囲を削除します。 



先ほどの手順のように三つレイヤーをコピーします。
動き画像を作成するため、終わりところにカットで揃えます。 

 

タイムラインの左下にそのアイコン(青で選択された所)をクリックすると、
GIF編集モードを切り替えることが可能です。

 

秒数で動きに切り替えます。


完成後、Alt +Shift+ Ctrl +Sでウェブの形式が保存されます。
 

保存時GIFを選んでください。

 

2.MAKARプロジェクトを作成

左側に「新規プロジェクトを作成」をクリックします。

 

VR>空白プロジェクトの順にクリックします。
ファイルアップロードをクリックしてVR360度画像を選択します。

 

3.素材を書き込み
 

→ MP3音楽
→ 猫犬画像ⅹ5
→ まるばつのGIF画像ⅹ5
→ VR360画像ⅹ1

 

素材ライブラリに「素材の追加」>「画像」の順に全ての素材を書き込みます。

 

 

同じように音楽も追加します。


下図のような全ての素材が用意されています。


 

4. 素材を配置
 

猫の画像をシーンにドラッグします。

  

VRカメラの角度を利用して、右上の四角をTOPに切り替えて方位を調整します。
画像とカメラの視角が直角を成ります。

 

下図のように猫、犬、木等の画像を並んでおきます。

 

5.インタラクティブな答え機能
 

犬の画像を選択して、右側に「機能の追加」>「画像の表示」の順にクリックします。

 

 正解のイラストを選びます。.

 


VRゲームを遊ぶようにカーソルをアイテムに移動すると遅延時間があります。
時間が切れると実行するので、「後で実行」してください。

 


正解の効果音も追加します。
 


左側のシーンオブジェから音楽素材を選んで、この画像のサブオブジェになります。
 

編集モード時に音楽は再生しているから、
左側に音楽の目のアイコンをクリックすると音楽が一時停止になります。

 


 

全部の機能とか画像とか確認してください。

 


書き出す前に音楽が聞こえるようにまた目のアイコンをクリックしてください。
 

 

6.作品を見てみよう

 

MAKARアプリをダウンロードしてClass03を入力してください。
色んなバーチャル・リアルティ体験できます!