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