商品AR智慧標簽-耳機

商品AR智慧標簽-耳機

 

 

需要的素材：

●3D素材-FBX檔案

●去背的PNG字卡&圖卡

規格限制注意事項：

圖像: JPG, GIF & PNG（最大個別上傳檔案大小5mb）
3D模型FBX （最大個別上傳檔案大小為10mb）
影片: MP4 （最大個別上傳檔案大小為20mb）
音響: MP3 & WAV（最大個別上傳檔案大小5mb）
全景圖像JPG（最大個別上傳檔案大小5mb）
全景影片MP4（最大個別上傳檔案大小為20mb）
内嵌Youtube網址: 上傳到Youtube且隱私設定設爲公開之影片（無檔案大小長短限制）

 

素材傳送門

 

1.建立3D動態

直接將” 3D耳機_靜態.fbx”拖曳到MAYA裡，按下在maya介面右上角的屬性按鈕

 

同時也在MAYA介面右下角，按下自動記錄動態的按鈕auto key。


 

 

在滑鼠點取時間軸上的第0格。按下S鍵(在英文輸入法的狀態下)，此時可以看到屬性變紅色，時間軸第0格也會出現紅色的動態紀錄標線。


 

 

時間軸影格移到最後一格，例如到120格，按下E鍵切到旋轉工具(或圖中2號的旋轉圖示鈕)，旋轉耳機角度，此時可以看到Rotate Y數值在變化，最後直接在Rotate Y輸入360，按下Enter。


 

 

播放動態前，先確認播放設定是否正確，在時間軸上任意位置，按下滑鼠右鍵->Playbackspeed->Play Everyframe ,Max Real-time。 


 

 

為了讓動畫為速度效果，頭尾的地方不放慢速度，在時間軸上任意位置雙擊滑鼠左鍵，此時會全選時間軸的編輯範圍(整個時間軸變紅色)，按下滑鼠右鍵找到Tangents->Linear將動畫特性改為等速度。


 

 

選取耳機模型，執行File ->Export Selection。 


 

 

給予檔名，並輸出選項確認有勾選輸出動態Animation，最後按下Export Selection。



 

 

2.建立MAKAR專案

左上角按下建立新專案

 

選擇AR ->空間辨識->空白專案，給予專案名稱，最後按下確認 



 

2.匯入素材

此專案需要一個3D素材FBX檔案以及3個圖示鈕，1個字卡，1份文字稿(文字稿用來複製貼上文字內容用)，1個mp4格式的綠幕影片。


 

在素材庫裡按下新增素材->3D模型。將”3D耳機_動態.fbx”檔上傳到素材庫


 

 

同理素材庫裡按下新增素材->圖片，依次將3個圖示鈕與1個字卡上傳到素材庫。


 

 

最後新增素材->影片->影片檔，選擇綠幕影片上傳。


 

 

最後確認素材都上傳完成。


 

 

3.調整與擺放素材

將耳機3D素材拖曳到場景上，請注意擺放位置，場景的預設視角的對面為之後手機看出的位置(可看地板格線上的尺規文字10cm與100cm是正對的)。


 

 

將結帳鈕放到適當位置與大小，因為預設是背對的方向，所以旋轉180度(可看地板格線上的尺規文字10cm與100cm是相反的)。 


 

 

選取”結帳購買”按鈕，執行介面右邊的新增功能->顯示圖片 


 

 

此時彈出浮動視窗，選擇”行動支付”圖，按下確認。


 

 

即可設定顯示”行動支付”的圖示，為了在結帳購買鈕按下後要顯示兩個圖示鈕，此時接著按下新增素材。


 

 

選擇”信用卡”圖示，按下確認。


 

 

此時“行動支付”與”信用卡”都變成”結帳購買”的子層物件。將兩個圖調整到適當大小與位置。

 

4.設定網頁連結

將選取”行動支付”圖示，點選新增功能->開啟網頁，設定至結帳頁面相關網址。


 

 

網址自行設定至相關結帳網頁，這裡僅做示意。相同方式選取”信用卡”圖示設定連結。


 

 

5.綠幕去背

將綠幕影片放置到場景，調整成適當角度與大小。執行新增功能->去背。 


 

 

選取篩選色色票，然後去點取綠幕影片要挖除的綠色部分。

 

即可看到去背效果，可以搭配臨界值調整去背範圍。 


 

 

6.耳機文字設定

將選取耳機調整材質球red。將材質改為純色。

 

選取新增功能->顯示圖片。 


 

 

此時彈出浮動視窗，選取字卡” 耳機介紹卡”，讓接觸耳機時會出現字卡簡介效果。


 

 

注意字卡的面向角度，將字卡調整到最適合的尺寸與位置。 


 

 

如果有更詳細規格，亦可將素材庫的T  Text，拖曳到場景上，然後在介面右邊的文字設定，貼上文字訊息。同時也注意文字的面相擺放，調整至最佳化。



 

6.看看成果吧

用手機app:Makar，輸入ID：Class03，記得選擇空間辨識類型，按下開始體驗掃描，即可看到成果囉。