前段时间公司有一个AR涂涂乐的项目,虽然之前接触过AR也写过小Demo,但是没有完整开发过AR项目.不过经过1个多星期的学习,现在已经把项目相关的技术都学会了,在此向互联网上那些乐于分享的程序员前辈们致敬.学习的过程中我发现好多博客只有代码没有讲解,在这里我就写一个详细一点的涂涂乐教程吧.

一.AR涂涂乐原理

目前市场上所有的AR产品中,涂涂乐是一个做的比较成功的产品,因为其形象 生动 新奇的特点,在早教行业内很受欢迎.其实AR涂涂乐的原理非常简单,就是把被当作画画工具的识别图上的颜色材质渲染到空白的模型上.

二.制作流程

我大概总结了下从模型到AR应用涉及到的具体流程,如下:

  1. 美术制作AR应用中需要用到的模型和动画

  2. 模型制作好之后,对照识别图上的模型外形匹配好UV

  3. UV匹配好之后把模型和识别图交付程序,程序登录Vuforia官网添加证书和目标数据

  4. 程序把Vuforia插件和目标数据分别下好并导入工程

  5. 删除默认场景中的摄像机,添加ARCamera和ImageTarget到场景并配置好参数

  6. 把涂涂乐需要用到的模型放入场景,把模型的动画切好

  7. 求识别图4个顶点的位置,获取一帧图像,把这些参数传给Shader,Shader处理过后,识别图上的颜色就渲染到模型上了

  8. 导出的手机,我这里是安卓平台

三.图文教程

这里以我最近写的项目为例:

网友评论