EasyAR + 第三方插件开发系列(1)--模型控制

来源:互联网 发布:淘宝阿浩培训 编辑:程序博客网 时间:2024/06/01 08:50

EasyAR SDK + unity第三方插件可以开发出很多炫酷的应用.这一篇为大家分享如何用 Virtual Controls + EasyAR 实现常用的AR功能。

实现功能:

1.识别图片之后点击任务进行“唤醒”操作,播放人物动画和粒子效果,相关UI模型显示

2.操作圆盘实现移动与攻击特效。

实现类似效果:

视频链接:https://v.qq.com/x/page/q0387ln9sbz.html?start=34




开发资源:

EasyARTouch 插件及插件贴图:链接: https://pan.baidu.com/s/1jItarTs 密码: z2qq

粒子特效:链接: https://pan.baidu.com/s/1mi7jn40 密码: b876

“海洋之神”  人物模型:链接: https://pan.baidu.com/s/1gfiqYxd 密码: nepn

Step 1:开发环境


在 HelloAR 这个项目的基础上进行开发,我们在官网上下载unity的HelloAR案例导入unity中。



之后,我们将准备好的模型,粒子特效,插件分别导入unity中,框架如图:



打开HelloAR Scene,删除多余的ImageTarget,保留一个(我们以身份证作为识别图,方便测试)



到官网申请key并填写后,我们将我们的模型替换原有的Cube


适当改变人物角度与大小到合适位置,这是我调整的数值,大家可以参考下:


Step 2:使用Easy Touch

我们首先右击鼠标,创建Joystick


效果如图:



注意,这块我改变了它的贴图使其更美观,我也提供了贴图资源在文章开头前,大家可以根据自己情况更改。

接下来,修改Joystick的参数,使其运动(ps:通过easyTouch 让人物运动有很多解决方案,可以通过脚本等等)


修改Turn & Move direction Action,并将人物模型拖到Direct action to:

大家也可以修改里边的参数啥的改变其运动速度或运动模式。

接下来,我们创建Button(进行点击攻击操作)


修改其位置到右下角,当然你也可以改变其贴图,最后效果如图:


Step 3:修改人物模型

首先我们给模型添加Box Collider


新建脚本Payer,首先实现点击人物进行唤醒操作,我们用OnMouseDown() 方法实现:

首先,我们先配置模型的Animation:



当然,为了实现完美的交互效果,我们可以当点击了模型进行“唤醒”操作后,在显示UI方面的组件,首先我们先让Joystick 与 button 不显示,所以我们在原来代码的基础上再添加:


然后,我们将Joystick 与button 这两个GameObject 赋值到代码中。

最后,我们实现点击攻击按钮,播放动画

在原先代码中添加如下方法(注意,我们又新引入了一个粒子特效par2,你必须在类中定义,并把你挑选的粒子拖到代码中):

最后,我们在Button 中把该方法赋给它:


测试下,就可以实现类似视频中的效果。