前段時間公司有一個AR涂涂樂的項目,雖然之前接觸過AR也寫過小Demo,但是沒有完整開發(fā)過AR項目.不過經過1個多星期的學習,現(xiàn)在已經把項目相關的技術都學會了,在此向互聯(lián)網上那些樂于分享的程序員前輩們致敬.學習的過程中我發(fā)現(xiàn)好多博客只有代碼沒有講解,在這里我就寫一個詳細一點的涂涂樂教程吧.
一.AR涂涂樂原理
目前市場上所有的AR產品中,涂涂樂是一個做的比較成功的產品,因為其形象 生動 新奇的特點,在早教行業(yè)內很受歡迎.其實AR涂涂樂的原理非常簡單,就是把被當作畫畫工具的識別圖上的顏色材質渲染到空白的模型上.
二.制作流程
我大概總結了下從模型到AR應用涉及到的具體流程,如下:
美術制作AR應用中需要用到的模型和動畫
模型制作好之后,對照識別圖上的模型外形匹配好UV
UV匹配好之后把模型和識別圖交付程序,程序登錄Vuforia官網添加證書和目標數(shù)據(jù)
程序把Vuforia插件和目標數(shù)據(jù)分別下好并導入工程
刪除默認場景中的攝像機,添加ARCamera和ImageTarget到場景并配置好參數(shù)
把涂涂樂需要用到的模型放入場景,把模型的動畫切好
求識別圖4個頂點的位置,獲取一幀圖像,把這些參數(shù)傳給Shader,Shader處理過后,識別圖上的顏色就渲染到模型上了
導出的手機,我這里是安卓平臺
三.圖文教程
這里以我最近寫的項目為例:
