教學

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，記得選擇虛擬實境類型，按下開始體驗掃描，即可看到成果囉。