商品AR智慧標簽-耳機
- 2020-02-24
- by 潛能盒子-吳崇瑋
商品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，記得選擇空間辨識類型，按下開始體驗掃描，即可看到成果囉。
