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動畫教學
​​