商品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,記得選擇空間辨識類型,按下開始體驗掃描,即可看到成果囉。