AR樂器圖卡-樂器演奏會

AR樂器圖卡-樂器演奏會教學文件
  

需要的素材:

●官方線上3D素材 

●辨識圖檔(需為JPG) 

●去背的PNG字卡

●MP3音樂檔

規格限制注意事項:

圖像: JPG, GIF & PNG(最大個別上傳檔案大小5mb)
3D模型FBX (最大個別上傳檔案大小為10mb)

MP3 & WAV(最大個別上傳檔案大小5mb)

 

  素材傳送門

 

1.建立MAKAR專案

左上角按下建立新專案


 

選擇AR -> 圖像辨識 ->空白專案 ,給予專案名稱以及描述,按下上傳檔案給予辨識圖,最後按下確認



 

2.匯入各種素材

我們所準備的素材有三種樂器圖


 

在場景左邊 素材庫,按下新增素材+,選擇圖片


 

將以上圖片匯入到素材庫後。 

先不急著丟到場景上。接著再匯入線上的3d素材,接著按下線上素材


 

找到吉他、爵士鼓組、電鋼琴..三種素材下載。


 

下載後素材庫後,接著新增音樂素材。


 

最後確認所需的鼓聲、吉他聲、鋼琴聲三種音樂素材都進到素材庫了。




 

3.按鈕位置大小配置

 

將吉他、鼓、鋼琴三個按鈕圖都拖入場景,先不個別調整位置大小,三張圖都丟入後,框選三個圖。一起調整成適當大小跟位置。


 

此時再個別將圖往旁邊移動,錯開位置。


 

4.顯示模型功能-鼓

選擇最左邊的鼓圖,找到介面右邊的新增功能,找到顯示模型


 

按下後彈出選擇素材的浮動視窗,選擇先前已下載的爵士鼓(Drum kit),按下確認


 

將爵士鼓模型調整到適當的大小與位置,在介面左邊的場景物件也可以看到爵士鼓(Drum kit)變成鼓圖的子層物件。




 

5. 顯示模型功能-吉他

重複前面三個動作,選擇吉他圖,找到介面右邊的新增功能,找到顯示模型


 

選擇先前已下載的吉他模型(GuitarA) ,按下確認


 

將吉他模型調整到適當的大小與位置,在介面左邊的場景物件也可以看到吉他模型(GuitarA)變成吉他圖的子層物件。


 

 

6. 顯示模型功能-鋼琴

選擇鋼琴圖,找到介面右邊的新增功能,找到顯示模型


 

選擇先前已下載的鋼琴模型(Electro) ,按下確認


 

將鋼琴模型調整到適當的大小與位置,在介面左邊的場景物件也可以看到鋼琴模型(Electro)變成鋼琴圖的子層物件。 



 

 

7. 顯示圖片功能-鼓、吉他、鋼琴

     每個按鈕不一定只能做一個功能,前面除了顯示模型外,也可以加入顯示圖片…每個按鈕都可有多功功能,一個按鈕可以觸發同時顯示多個模型、多個圖片…或圖片與模型…等不同類型的功能。

選擇鼓圖,在介面右邊新增功能->顯示圖片。



 

接下來在彈出的浮動視窗選擇素材,選擇先前已經增加的喇叭圖,按下確認



 

將喇叭圖調整成適當位置與大小,喇叭圖也會變成鼓圖的子物件。




 

同樣動作,分別將另外兩個吉他與鋼琴,都新增功能->顯示圖片。最後調整適合位置與大小。吉他圖與鋼琴圖也都會新增了喇叭圖的子物件。



 

 

7. 播放音樂功能-鼓、吉他、鋼琴

選擇鼓圖的喇叭圖鈕,在介面右邊找到新增功能->播放音樂


 

 

接下來在彈出的浮動視窗選擇素材,選擇先前已經增加MP3鼓聲,按下確認。此時會聽到音樂持續播放,控制功能在發佈後,手機端才可以操控播放/停止。同樣的對吉他、鋼琴的喇叭圖做相同同功能。

 

 

6.看看成果吧

用手機app:Makar,輸入ID:Class03,按下開始體驗掃描,即可看到成果囉。