AR乐园实例教程项目1---AR动物园(中)的实现

前言:

关注微信公众号:AIRX社区(国内领先的AI、AR、VR技术学习与交流平台)

 

在前一章节中,介绍了AR乐园开发环境的搭建。

资源链接:https://pan.baidu.com/s/1jIv373w 密码: qpvn

NGUI 资源:链接: https://pan.baidu.com/s/1miTpz7a 密码: tz7b

好了,我们正式开始AR 动物园这一功能的开发。原谅没找个好UI。

AR乐园实例教程项目1---AR动物园(中)的实现_第1张图片
AR乐园实例教程项目1---AR动物园(中)的实现_第2张图片

动物乐园场景基本框架如下图:

AR乐园实例教程项目1---AR动物园(中)的实现_第3张图片

第一部分:开发前的准备

1.导入狮子,老虎,鳄鱼等动物模型后,

2.下载最新版NGUI插件(加群获取免费插件)

3.到http://jaqen.me/mdpub/ 网站(material design 风格)来制作button 的贴图(十分方便),当然你也可以到网上来找取图片,只要你自己满意就行,这里不做强求。

4.找你需要识别的图片(百度搜索都可以)

第二部分:EasyAR 基本AR功能实现

最基本的,获取key,把Imagetarget 拖入面板中,并挂上 EasyImageTargetBehaviour 脚本,填写基本信息,从预制体拖入一个狮子或其他模型充当Imagetargt 的子物体。

AR乐园实例教程项目1---AR动物园(中)的实现_第4张图片

第三部分:AR动物园搭建

先复制多个 EasyImageTargetBehaviour.cs 脚本文件,并修改其名字,比如Lion,Triger与你所识别的 动物相对应。以你刚搭建的Imagetarget 复制多个,并修改其名字,所挂的脚本文件,以及动物模型。

AR乐园实例教程项目1---AR动物园(中)的实现_第5张图片

第四部分:NGUI 的创建

不懂NGUI 的同学可以看SIKI 老师的教学(泰课在线)。

这是最基本的,把你刚准备好的Button 贴图导入unity中,并修改他们的信息。

图片类型为Texture,Format 为不压缩,并应用。

AR乐园实例教程项目1---AR动物园(中)的实现_第6张图片

将这些图片打包成图集,接下来来建立button,通过NGUI 创建Sprite,并给这些图片Attach Collider和Button Script。建立好后如下图:

AR乐园实例教程项目1---AR动物园(中)的实现_第7张图片

第五部分:给动物添加动画效果

为每个动物添加四个动画模型(并将其名字修改为完全一样,后面会用到)。先给动物添加Animation 组件,然后一次拖入四个动画。

AR乐园实例教程项目1---AR动物园(中)的实现_第8张图片

准备动画的这个任务繁重有枯燥,在我给大家准备的动物模型中,有十几种动画,你只需挑选你最喜欢的就可以,记住一定要把动画名字修改的完全一样,这里就由大家自己来搞定。

AR动物乐园的 上 章节就到这了,下一部分会实现由按钮来控制动物的动画,真正的交互来了,敬请期待。

你可能感兴趣的:(EasyAR开发教程)