VR尋寶游戲-找到汪星人

VR尋寶游戲-找到汪星人
 

需要的素材:

●去背的PNG字卡&圖卡

●VR 360背景

●音樂MP3

規格限制注意事項:

圖像: JPG, GIF & PNG(最大個別上傳檔案大小5mb)
3D模型FBX (最大個別上傳檔案大小為10mb)
影片: MP4 (最大個別上傳檔案大小為20mb)
音響: MP3 & WAV(最大個別上傳檔案大小5mb)
全景圖像JPG(最大個別上傳檔案大小5mb)
全景影片MP4(最大個別上傳檔案大小為20mb)
内嵌Youtube網址: 上傳到Youtube且隱私設定設爲公開之影片(無檔案大小長短限制)

 

素材傳送門

 

1. 製作GIF動態圖

在Photoshop找到 視窗->時間軸。

 

產生新的動態時間軸。



 

只是在時間軸上會多了一個動態片段,在片段最左邊或最右邊,按住左鍵拖曳可以裁切這個片段。 

 

按下Ctrl +J可以複製圖層。並將動態片段做一個適當的裁切。

 

按下圖示鈕(或在英文輸入法模式下按L)切到套索工具。選舉要刪除的範圍,例如說文字的部分。



 

 

按照以上方式複製出三個圖層,刪除不要的部分,保留要做動態的圖形。並將動態的結束片段切齊。




 

在時間軸左下角,按下圖示按鈕(滑鼠框選處)可切換到GIF動態編輯的傳統模式 。


 

 

傳統模式可以選擇秒數來切換動態。


 

 

完成之後可儲存成網頁格式,可按下快速鍵Alt +Shift+ Ctrl +S。



 

儲存選項記得切到GIF檔。



 

 

2.建立MAKAR專案

左上角按下建立新專案

 

選擇VR ->空白專案,給予專案名稱,按下上傳檔案,選擇辨VR 360圖檔,最後按下確認 



 

3.匯入各種素材

需要的素材如下。包含1個mp3音效,5張貓狗圖卡,5個答對答錯的GIF圖卡,以及1個VR 360圖(已經上傳)。

 

將準備好了素材全部匯入,在介面左邊的素材庫,執行新增素材->圖片。 


 

 

同樣方式也匯入音樂。



 

最後匯入的素材如圖。 



 

4. 擺放與編排素材

將貓與狗的圖卡拖曳到場景上。 


 

 

搭配VR Camera的攝影機角度,利用畫面右上角的骰子切到top上視圖方便調整方位,讓圖卡與攝影機視角角度的角度為垂直方向。

 

 

最後將所有的貓、狗、樹的圖卡都擺放好如圖。


 

 

5.答對答錯互動效果

選取狗的圖卡,在介面右邊 新增功能 -> 顯示圖片。


 

 

此時會彈出浮動視窗,選擇要顯示的答對圖,然後按下確認。 


 

 

如同我們玩其他的VR遊戲,遊標移到選項上會有一個緩衝時間,有個小圈圈在轉,停留到足夠的時間才會執行,所以我們這裡選擇延遲執行。


 

 

同樣的我們希望答對之後會播放音效,接著執行新增功能->播放音樂。 


 

 

從介面左邊的場景物件來找到音樂素材,音樂素材會變成這張圖卡的子物件。


 

 

在編輯模式的時候音樂會不斷播放,編輯時可能會有個干擾,所以可以在介面左邊的場景物件,將音樂的眼睛圖示關閉,這樣聲音就會暫停播放。

 

最後確認所有圖片的功能選項,有顯示圖片並延遲執行,並且搭配VR Camera視角,將答對答錯的互動圖片都擺放好。


 

 

最後要輸出之前記得把音樂的眼睛圖示打開,這樣答對的音效效果才會有作用。


 

 

6.看看成果吧

用手機app:Makar,輸入ID:Class03,記得選擇虛擬實境類型,按下開始體驗掃描,即可看到成果囉。