MAKAR | AR/VR/MR 教學

教學

109年彰化平和AR畢業典禮



[✨] 畢業典禮 夢想起飛

彰化平和國小畢業典禮,期許大破大立夢想啟程,學校特別希望孩子能已最新科技AR來展現自己的畢業作品,學生們使用MAKAR編輯器做好的數位作品,可以使用MAKAR APP 掃QR CODE來觀看,將所有畢業生的數位作品展現在布告欄上mail,讓參加孩子畢業典禮的父母們也能體驗到科技AR,並且為孩子的科技學習感到欣慰,父母紛紛表示,很開心能與孩子一起體驗MAKAR編輯器製作AR所帶來的成就感及親子互動變得更加緊密。angel






彰化國小的畢業生不只自己製作,甚至擔任起講解人員,不慌不忙的講解,將如何使用MAKAR來觀看AR清清楚楚的講解以及拍成影片展現! 自發性及創意的表現給台灣教育帶來更多希望!heart


yesAR影展教學影片

 

編輯器UI與使用辦法

AR專案UI:


1.視窗選項列:可在此開啓素材管理視窗,快捷鍵表,和產品資訊連結。
2.場景物件視窗:所有已施用的素材物件都會排列於此。
3.素材種類顯示選項:可轉換顯示不同種類的素材。種類有:一般素材,模組,和AR辨識圖。
4.素材庫:所有以上傳到MAKAR編輯器的素材將會出現在此供您使用。
5.2D 3D模式場景轉換:轉換您的場景為2D或3D模式。
6.場景控制工具:控制場景顯示距離,角度等的工具。
7.場景:專案的場景,也是您編輯專案的主要工作空間。
8.導航箱:替代性的場景顯示角度控制工具,讓您可快速轉換場景觀看角度。
9.儲存和發佈按鍵:讓您儲存和發佈正在編輯的專案。
10.基本屬性:所點選物件和素材的基本屬性資料都會在此顯示。您也可直接在此更改物件屬性和加上互動設計。

視窗選項列:

可在此開啓素材管理視窗,快捷鍵表,和產品資訊連結。

場景物件視窗:

當您把一個素材拖曳到場景中使用后,此素材將轉換為一個物件,而與此物件相應的素材名稱將會出現在場景物件視窗裏。您可通過此視窗管理物件。

物件群組管理:

您可在場景物件視窗裏將物件組成群組或取消群組,只需在場景物件視窗裏將物件拖曳到另一物件下,就可組成母子群組。

素材種類顯示選項:
編輯器讓您應用多種素材和模組,它們都被規劃在以下組別:

 素材:2D圖像,3D模型,影片,音檔,全景素材。

 模組:模組化專案設定。

 模組:模組化專案設定。


素材庫:

您可上傳自製的素材到MAKAR編輯器加以應用到您的AR和VR專案裏。上傳方式非常簡單,只需點擊上傳按鍵再選擇您需要上傳的檔案種類。您也可在便是圖組別裏上傳AR辨識圖。


以下是您可上傳適用於MAKAR編輯器的素材種類和相應的檔案格式:
  • 圖像: JPG, GIF & PNG (最大個別上傳檔案大小5mb)
  • 影片: MP4 & Youtube Video URL (MP4最大個別上傳檔案大小為20mb,Youtube影片無限制)
  • 3D模型: FBX (可含貼圖與動畫。最大個別上傳大小10mb)
  • 音檔: MP3 & WAV(最大個別上傳大小5mb)
  • 全景素材: JPG (360圖像,最大個別上傳限制5mb), MP4(最大個別上傳限制20mb)和Youtube影片網址(360影片,無限制)
  • 線上素材: MAKAR編輯器内建素材庫

您的雲端容量也會在此顯示


2D 3D模式場景轉換:
2D 3D模式場景轉換選項讓您可選擇在3D空間界面模式和2D空間界面模式上轉換操作。


3D模式:
在3D模式下,您的物件可在3D空間裏被操作,例如可於長,寬和深3個軸向擺放,縮放和旋轉

在3D模式下,所有物件都會顯現一個3軸向的控制標。

在3D模式下,您可以滑鼠操作場景畫面:


當一個物件被點選后,素材的中心區域將出現三個按鍵供您移動,旋轉或縮放素材。





2D模式:
在2D模式下,您所操作的工作空間已轉變為類似一張畫布的平面空間,所以就只能在2軸向上編輯(X = 寬, Y = 高)。3D模型將不會在2D模式下顯示。



場景控制工具:

這些工具包括一系列可讓您單以左鍵來操作畫面的功能。

左鍵點擊選擇。

左鍵移動畫面,為按下滾輪的替代方案。


左鍵旋轉畫面,為右鍵加上拖曳的替代方案。

聚焦:把畫面聚焦在點選的物件上。


場景:

場景是您的主要作業空間。上傳的素材只需拖曳至此就可以應用在您的AR與VR專案上,完全無需程式編譯等複雜的程序來完成您的專案。


您可在場景中的地面上看見大小兩種格子。小格子相等為現實中的10公分大小,大個子則爲1公尺大小。此衡量參考數據讓您可以更好的設計您的空間辨識專案。


導航箱:
為控制場景畫面的快捷替代工具,讓你只需使用左鍵點擊或拖曳完成畫面旋轉。

點擊讓場景畫面回到初始設定。

您可以把素材從素材庫裏以快速簡單的拖曳方式到場景中來應用。



儲存和發佈按鍵:


此二按鍵提供儲存專案和發佈專案的功能。按下儲存或發佈以後,專案會儲存在MAKAR雲端上,頁面則會回到編輯器主頁。
如您只儲存了專案,您的專案並不會出現在MAKAR APP供人使用,請確實發佈您的專案以便用戶可以在MAKAR APP上使用您的專案。


完成發佈后,系統會顯示附有您的MAKAR ID的完成發佈的訊息。


基本屬性:

基本屬性視窗顯示點選物件之基本資料和屬性。這些屬性包括物件之位置,大小和方向。除此之外,基本屬性視窗可讓用戶在此操作以下功能:

1.從新命名物件:點擊物件名稱兩次,即可以鍵盤輸入新名稱。 

2.移動,縮放和旋轉物件的替代方式:直接於物件的屬性框裏更改物件屬性來移動,縮放和旋轉物件。

3.更改3D模型貼圖模式:點選3D模型,點擊貼圖選項更改模式。

4.為物件添加互動功能:點選物件之後,再點擊新增功能按鍵啓動各種互動功能。

 

VR專案UI:


1.場景管理視窗:管理您的VR場景,您可在此刪除,增加或從新命名您的VR場景。一個VR專案允許多個場景。
2.VR鏡頭:您的VR預覽控制。當您旋轉VR鏡頭時,您的場景預覽也會隨之旋轉。VR鏡頭只能被旋轉,不可被移動或縮放。
3.場景預覽:您的VR場景預覽視窗。會隨著VR鏡頭旋轉。

VR專案其他的功能和UI元素和AR專案相似。

3D貼圖設定


此教學將使用一3D模型作為範例,可在MAKAR線上素材庫中下載任一個

 

本教學會使用一植物模型,因為其通常含有透明圖層,可較好展現出不同貼圖種類的特點

 

在右側的視窗裡可看見材質球屬性選項,名稱可下拉選擇不同材質球進行編輯

 

標準: 無透明圖層,受光(無陰影)



 

純色: 貼圖被單一顏色取代,無透明圖層,不受光

 

顏色可在調色盤中更改

 

遮罩(光源): 漸層透明效果,不受光

 

遮罩(去背): 銳層透明效果,不受光

 

無光-標準: 無透明效果,不受光

 

無透明圖層: 透明圖層不會顯示

 

受光: 模型表面會因光線影響而顯現陰影和影子

 
 

MAKAR主畫面操控

以下教學內容將條列敘述如何操控主畫面的3D介面。

 

這是MAKAR編輯器的主要作業空間

 

向上或向下推動滑鼠滾輪來拉近或拉遠視角距離

 

按下滾輪後拖曳滑鼠來移動畫面

 

按下右鍵後拖曳滑鼠來旋轉畫面

 

當視角偏離過遠時,可點擊右上側的房子按鍵回到初始的視角距離

 

亦可透過拖曳右上側的小盒子來調整視角

 
 

互動功能

1.將要進行互動的物件拖曳至畫面中

2.互動功能可在右側場景物件設定>新增功能中找到

 

【功能1:開啟網頁】

1.複製一段網址,在MAKAR App上點擊此物件後,該網址會開啟

 

2.點擊旁邊的x刪除互動功能

 

【功能2:撥打電話】

輸入一組電話號碼,在MAKAR App上點擊此物件後,即可撥出電話至此號碼

 

 

【功能3:傳送郵件】

輸入email網址及內容,在MAKAR App上點擊此物件後,即可傳送郵件及設定好的內容至該信箱

 

【功能4:撥放音樂】

1.於左側新增素材>音樂上傳音檔

 

2.於物件設定中點選撥放音樂

 

3.選擇你要的音樂後確認,在MAKAR App上點擊此物件後,即可撥放音樂

 

說明:音檔會以音樂符號形式出現在編輯器上,但不會在App中顯示

 

【功能5:顯示圖片】

1.點擊顯示圖片後,選擇你要顯示的圖片

 

2.可設定一次顯示多圖像或多層級顯示

 

【功能6:顯示模型】

1.點擊顯示模型後,選擇你要顯示的模型

 

2.可設定一次顯示多個模型或多層級顯示

【功能7:顯示影片】

1.點擊顯示影片後,選擇你要顯示的影片

 

【功能8:顯示文字】

1.點擊顯示文字後,在畫面中點選文字物件進行文字設定

 

【功能9:關閉時重設】

1.只要在「觸發事件」上,新增此功能即可重設觸發功能中的互動階層從零開始。

【影片互動】

1.若要進行互動的物件為綠幕影片,則增加去背功能

2.使用篩選色吸取背景顏色

3.調整去背數值至滿意的效果

【含動畫模型互動】

1.可設定模型物件進行動畫切換功能,選擇模型>右側動畫界面>選擇要設定動畫影格。

設定動畫1>Play

設定動畫2>Stop

 

2.新增功能>切換動畫中連上相應的動畫段落(可選擇任何物件為按鈕觸發)

 

 

【VR應用-場景轉換】
 

1.在VR專案中創建兩個場景

2.新增一個物件當作「觸發物件」至場景中後,選擇該物件>點選右側新增功能>場景跳轉

 

3.將場景切換至其他場景,如:Scene 2

 

4.可將場景轉換時間設為立即或延遲3秒

說明:選擇延遲模式,當APP啟動體驗時,須將視點停留在物件3秒鐘才能完成觸發事件。

5.使用左鍵雙擊兩下,可看見Scene反白,此時即可進行重新命名

 

2D模式

多數的教學都是以3D模式作為範例,此篇教學將演示如何切換到2D模式,和3D模式又有何不同

 

2D模式僅可在AR專案上使用,VR模式則無此選項

 

在預設的3D模式裡,可依照3軸(3個方向)來移動物件

 

左上側有一個2D模式轉換按鍵,點擊此按鍵進行模式轉換

 

在3D模式中使用過的3D模型將不會在2D模式中顯示,但仍然存在於3D模式中

 

在2D模式下,物件只能在2軸間進行調整(x軸為寬,y軸為高)。

 

2D模式僅能上傳2D圖檔和使用文字工具,其他物件則無法使用

 

如果直接發佈這項專案,在MAKARAPP上便可同時觀看到2D物件和3D模型並存。同始亦可透過2D模式進行素材的編輯,包含:移動旋轉及縮放。



 

在2D模式中,可透過內建的2D模組進行創作編輯,包含:刮刮卡、集點卡及問答模組。

 

 

延伸閱讀:刮刮卡教學問答模組

GPS辨識


MAKAR提供GPS定位功能,使用者可在MAKAR編輯器中進行GPS數值設定,發佈後可以透過GPS進行手機位置判定,使用者需要在該GPS定點才可以進行AR/VR/MR之體驗;反之若未開啟GPS功能,則隨時隨地皆可以進行AR/VR/MR之體驗。

 

【新專案】

 

1. 開啟GPS功能的方式於建立新專案時,將「開啟GPS辨識」點開即可


2.開啟Google Map 輸入預計使用的GPS標的來尋找地點
 

3.獲得地點資訊,使用滑鼠「右鍵」彈跳地點資訊,並按下右鍵進行複製


4.完成複製時,下方會彈跳提醒視窗

 

5.建立一個.txt文字檔或Word皆可,貼上數值(Ctrl+V),分別選擇25.055178060934093及121.5334084568162進行複製(Ctrl+C)後於MAKAR貼上


6.返回MAKAR並貼上相對應數值(Ctrl+V)

7.專案完成發布後,可於APP開啟專案,需要在指定的地點附近使用者才能進行專案的開啟與體驗。

 

【舊專案】


1.專案完成發布後,可於APP開啟專案,需要在指定的地點附近使用者才能進行專案的開啟與體驗。

 

2.在專案設定視窗裡,可調整GPS辨識功能之開關與更改定位地點

專案發佈流程

在MAKAR編輯器完成您的AR與VR專案製作之後,您必須發佈您的專案到MAKAR APP,如此您的專案觀衆才可開始使用和體驗您的專案。此章節會為您接受專案發佈的流程。

創建AR與VR是跨平臺的製作,所以一般情況下,無論您的觀衆是使用任何一種裝置設備來體驗您的專案,您都必須額外架設伺服器。架設伺服器的金額高低取決於伺服器空間的大小,架設地點,系統類別等等,所以這也可能是一筆高額的費用。MAKAR的雲端連接功能爲您解決了這一個問題。MAKAR的雲端連接系統讓您可以直接的在雲端上製作,儲存和發佈專案,無需另外假設伺服器。發佈的步驟十分簡易,您的觀衆只需在行動裝置上下載安裝MAKAR APP就馬上可以使用和體驗您的專案。

在完成專案后,直接點擊右上方的發佈專案按鍵進行發佈。


專案發佈之後,系統將會顯示發佈專案發佈完成的訊息,以及附上您的MAKAR ID。以MAKAR發佈您的AR與VR專案就是如此簡單。

如何創建專案

登入MAKAR編輯器后,請點擊建立新專案按鍵開始創建。

選擇您所需的專案模式。這一次我們就選擇AR專案裏的空間辨識模式為範本,然後再點擊選擇無模板。


為您的專案命名,您也可為專案添加説明,和上傳一張特製的專案顯示圖像。


請開啓AR Kit / Core,以便您的專案可進行3D空間辨識功能。您也可開啓GPS辨識,再輸入所需的位置坐標來讓您的專案裝備上GPS辨識功能。

如果您需要創建AR圖像辨識專案,請確保您已準備了一份辨識圖。此辨識圖必須為JPG格式檔案。然後新建專案選項為AR模式 》AR辨識圖。

點擊上傳按鍵來上傳辨識圖。您的辨識圖在上傳後,系統會顯示此圖的可辨識程度,越多的星點代表辨識度越高。

如要創建VR專案,請選擇VR專案模式,再點選無模板選項。

VR轉無需辨識圖,但需要上傳全景素材。全景素材可以是全景圖像(JPG格式的360圖像),全景影片(MP4格式的360影片),或360 Youtube影片(已上傳Youtube的360影片連結網址)

編輯器首頁介紹

MAKAR編輯器主頁:

1.建立新專案:點擊創建新專案

2.專案和教學頁面轉換:在專案主頁面和教學頁面閒轉換。

3.賬號資料:點擊打開賬號資料和管理視窗。

4.專案顯示轉換:轉換專案并列顯示方式。。

5.已發佈專案專區:所有您已發佈的專案將并列在此空間。您也可把未發佈的專案拖曳至此進行發佈。

6.專案排列:您的專案將以并列的形式排列在此。您也可再次對個別的專案進行管理個。管理的範圍包括命名,刪除,更改專案公開模式,和獲取數據資料。

7.未發佈專案專區:所有您未發佈的專案將并列在此空間。您也可把已發佈的專案拖曳至此取消發佈。


新建專案視窗:
點擊新建專案按鍵開始創建新專案。

1.選擇新建AR或VR專案。

2.選擇新建圖像辨識的AR專案,或SLAM空間辨識專案。

3. C新建無模板專案。
 
4.以模組新建專案。

5.為新建專案命名。

6.上傳特製的專案顯示圖像。

7.上傳和選擇新建圖像辨識AR專案所需的辨識圖。

8. GPS位置辨識:
開啓:您的專案只可在特定的地點上使用。
關閉:您的專案可在任何地點使用。


專案圖像顯示:
專案排列顯示模式可以圖下所示處進行轉換。


您也可選擇顯示和隱藏的專案。




已發佈和未發佈的專案:
您可以拖曳的方式來發佈或取消發佈專案。

當您儲存專案之後,頁面會自動回到MAKAR編輯器主頁面,而您的專案則會儲存為未發佈專案。您可把此專案拖曳到發佈空間來發佈。只有經發佈之專案才可在MAKAR APP上使用。

影片匯入方法

影 片 匯 入 方 法
►① Youtube匯入方法
 MAKAR新增Youtube影片方法
③ MP4上傳方法













① Youtube匯入方法

1. 建立Youtube影片時,須注意影片之權限


2. Youtube權限說明如下:
     (1) 可使用於MAKAR:公開
     (2) 不可使用於MAKAR:非公開、私人、公開且有版權申明
     (3) 版權申明參考,在Youtube的影片最下方,展開完整資訊及可查閱


 
 

 MAKAR新增Youtube影片方法

1. 新增素材>影片>Youtube





2. 點選連結處,使用Ctrl+V貼上連結(亦可輸入下方影片的網址)
    → MAKAR Video Link





3. 點擊名稱會自動匯入該影片在Youtube的名字





4. 可根據需求調整名字





5. 完成上傳

 


6. 若上傳到版權音樂、非公開或私人影片時,將出現「該影片無法於外部使用或網址錯誤」的訊息,此時需確認影片之狀況。





7.若影片重覆上傳可選擇右下方垃圾桶進行刪除





8. 確認刪除





9. 完成刪除


 


③ MP4上傳方法

1. 新增素材>影片>影片檔


 


2. 選擇影片格式.mp4


 


3. 完成上傳





4. 在MAKAR中,不同的素材將顯示為不同的縮圖icon

    (1)  .Youtube
    
   (2)   .mp4