EasyAR 一课一练 | 通过插件实现 AR 角色控制

阅读 229
收藏 9
2017-04-09
原文链接:www.jianshu.com

EasyAR 开发者交流群:605785368

AR开发者社区:


从本篇开始会开启一个新的EasyAR 开发经验分享系列教程。我将给大家分享用EasyAR SDK 结合各种炫酷插件来实现比较具有创意的AR应用。今天了,实现的是EasyAR SDK +joystick Character Control。

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

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

实现类似效果:


增强现实+EasyTouch_腾讯视频


ps:识别图方面,我用的是身份证,这样方便测试,当然大家可以随便替换。

开发相关资源:

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

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

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

第一部分:开发环境搭建

具体的初级开发环境搭建我已经写了很多教程了,不知道的可以看看之前的开发文章。我们将SDK导入unity后,采用身份证作为识别图片,基本结构搭建完如图:



分别导入人物模型,插件,粒子特效



接着,我们拖人物模型到Imagetarget 进行AR识别:



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



第二部分:使用Easy Touch

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



效果如图:




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

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



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



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

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



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


第三部分:关于人物模型

首先我们给模型添加Box Collider




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

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







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



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

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

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


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



好了,下期继续用第三方插件来实现创意的AR应用。

评论