MAKAR | AR/VR/MR 教學

教學

【XR專案教學】基隆港鯨鯊 AR 體驗怎麼做？用MAKAR 來打造出鯨魚翱翔天空的 AR 體驗吧！

​

【專案示範教學】基隆港鯨鯊 AR 體驗怎麼做？用MAKAR 來打造出鯨魚翱翔天空的 AR 體驗吧！​

大家是否也有看到基隆港 AR 鯨鯊景點的新聞呢? 基隆麗都蝶客花園的《AR與鯨鯊共游》專案，讓到現場的觀光客可以體驗鯨鯊和各種海底生物在天空遨遊的場景，吸引很多人慕名前往打卡，讓當地不僅上新聞、更成為觀光客的打卡聖地。也因此，就讓我們來嘗試用 MAKAR Editor 來嘗試做出類似的效果吧！我們將用 MAKAR 素材庫中提供的素材來展示如何用 MAKAR 打造出類似效果的 AR 場景，如果你是觀光業的從業人員，可千萬不能錯過噢，說不定下個爆紅的 AR 景點就是你的地點！
​​

▍第一步、素材蒐集 & 物件擺放

　● Sketchfab 素材庫

過去我們在 AR 虛擬海底世界-珊瑚礁 專案示範中，潛入虛擬的海底世界，而這次我們想要仿造一個更擬真的海洋世界生態，首先我們先建立好一個空間辨識專案，在 MAKAR Editor 內建素材的欄位中，找到「Sketchfab 素材庫」開始挑選素材。

Sketchfab 是個讓創作者分享發佈 3D 模型的平台，可透過 MAKAR 編輯器瀏覽 Sketchfab 的模型並直接下載，或是到 Sketchfab 官網下載 3D 檔案再匯入MAKAR。能夠在 MAKAR 編輯器下載的 3D 模型，基本上屬於創用 CC 授權的範圍，意味著作品一定要標註原著作人，建議可在專案描述的地方附註名字，以示對創作者的尊重喔！


 

　● 物件擺放：思考要將物件擺在觀賞者的什麼相對位置

越靠近方格的中心點也較代表觀賞者的位置，因次為了讓使用者觀賞時可以看得清楚，就要好好思考物件擺放的位置，在這個專案中，為了能夠在掃描當下，讓物件直覺性地「出現在觀賞者的眼前」，我們可以將物件的位置擺放於中心點的後方區域，讓觀賞者一打開專案，就可以快速看到眼前有許多的海洋生物在游動。



 

▍第二步、設定生物的運動軌跡

物件們擺放完成後，就該來設定它們運動的軌跡囉！在這邊我們要使用 MAKAR 的邏輯編輯器來控制每個生物物件的動作和運動軌跡。

　● 積木排列的邏輯

在這個示範案例中，我們將生物主要擺放於中心點的左方、後方、右方，並且希望做出「三隻物件依不同速率游至中心點」的效果，，並且為了防止運動完成後生物不再游動，我們要再設定讓物件們在「固定區域重複地游動」。

因此我們要透過邏輯積木設定物件運動的方式為：① 從物件原點點游向中心 　② 後續持續游動

 

　● 邏輯積木一：從物件原點游向中心

從左側清單中的「轉變」拉出「在…秒內移動…形狀物件…米 向前」積木，設定幾秒完成移動、哪個物件進行移動、移動的距離、以及移動的方向，讓鯨魚從原先的位置靠近中心進行動作。


 

　● 邏輯積木二：後續持續游動

當然，鯨魚的游動不會是一直線的，否則將會看起來有些死板，因此我們還要設定當鯨魚游到靠近中心時，要自然的進行轉向。

我們從「轉變」拉出「在…秒內...時針 角度...轉動形狀物件」積木，加入在前面我們「從物件原點游向中心」的邏輯積木之下，設定轉動動作的完成時間、逆／順時針轉動、轉動的角度幅度、以及轉動的物件項目。

本專案中的數據僅供參考，還是要自己依照自己的喜好多試幾次，找出你覺得最自然或是最符合你的創作需求的參數噢！

 

　● 邏輯積木三：設定為永遠執行

  最後，為了讓鯨魚自始至終都在游動，我們可以從「控制」拉出「永遠執行」的積木，利用這個積木包覆剛剛的兩塊積木，如此一來就可以讓物件無限執行動作。
 


 

　● 完成效果

 

▍第三步、提升生物的真實感與視覺效果

由於下載下來的素材質感風格不一，我們可以透過素材物件視覺效果來進行調整，將生物的觀感統一、並且提高質感，讓生物們看起來更加鮮活！

　● 調整物件材質屬性

點選物件，在右側欄位中調整「材質球屬性」，你可以在此處更換物件不同的材質模式、物件色彩。這次我們以「金屬效果」及「表面光滑」兩種來做主要的重點調整，來讓物件能夠呈現更好的反光以及光滑效果。


 
調整前物件較為死板，沒有光澤。
 
 
調整後，物件變得較為立體鮮明。
​

​
● 增設點光源

​拖曳一架燈光擺放在物件上方，燈光除了單純提亮物件外，MAKAR 編輯器中還能針對光源做許多微調。
 
首先將預設的燈光顏色調整成淺藍色，再把光源模式設定為點光源。點光源 (Point Light) 由中心球體向外擴散發光，就像太陽照射地球一樣，屬於 360 度發射的燈光模式，這次我們將點光源的強度及範圍，集中縮小在物件上，讓物件產生漂亮的光影流動效果。

​​
新增點光源之前。
 
​

​​
新增點光源之後。


 

​▍第四步、加入音樂背景與互動音效！

為了讓觀賞者更能進入情境，得到更好的沉浸體驗，音效當然也是不可或缺的素材！下述將簡單說明擺放音樂的技巧。

​

● 設定音樂物件


拖曳事先找好的海洋背景音樂素材於編輯器中，雖然音樂圖示不會在 AR 展示時顯現，但為了不要讓音樂物件影響編輯過程，可將音樂圖示隱沒水平面以下，並且設定重複播放，讓音樂在體驗過程中不斷重複播放。

圖示隱沒至下方：

​

重複播放音樂：


● 生物音效

這邊我們來增加一些互動的元素！設定當觀賞者點擊鯨魚物件時，要發出鯨魚的叫聲音效，當然我們可以透過邏輯積木完成，但「點擊後執行指定單一動作」的簡單指令我們也可以透過物件 ＞ 新增功能 ＞ 播放音樂，來加入指定的鯨魚音效。

由於本專案中每個生物設定的音效皆相同，為了避免觀賞者觀賞時一下子點擊很多生物，導致聽到同一個音效不斷重複播放，破壞了專案體驗，我們先將所有的生物物件都設定為「群組一」，並且在音效設定的欄位中選擇群組一，讓體驗者不管怎麼點，在同一個時間內只會聽見一個音效在播放，來確保不會有魔音傳腦的狀況發生噢！


音效欄位中選擇群組：


 

▍最後，發佈專案開始體驗吧！

​
 
大功告成啦！儲存並發布專案後，就可以在 MAKAR APP 上進行體驗囉！
 

MAKAR APP 體驗連結

​​

這次的示範專案教學有沒有學習到更多 MAKAR Editor 的使用技巧呢？在這個專案中，我們展示的不只是海底世界的專案內容製作，更重要的是，熟悉物件移動的邏輯積木設定、物件擺放位置思路、還有物件材質調整選項等等內容，這些都是在各種類型的專案中會使用到的實用技巧，記得多加練習體會噢。

是不是有很多靈感和衝勁想用MAKAR做些什麼呢？打造一個侏儸紀公園，還是天使下凡的奇幻體驗？現在就快點用 MAKAR Editor 動手開始 XR 創作吧！

還沒下載 MAKAR Editor ? 快點前往下載體驗 AR/VR/MR 的創作魔力！  👉免費下載MAKAR Editor

【​觀看更多其他示範專案教學】

➤ MAKAR魔法介紹目錄
➤ MR放天燈教學
➤ 春節AR動畫教學
​​