Unity+SenseAR教程 | 用手势发射爱心2:加入发射方向【源码】
摘要:Unity+SenseAR2.3开发的AR应用,基于手势识别同时计算手势方向,发射你的爱心~
洪流学堂,让你快人几步。你好,我是你的技术探路者郑洪智,你可以叫我大智。
这篇教程是为了填上一篇教程给你留的坑,上一篇《Unity+SenseAR教程:用手势发射爱心【源码】》如果你还没学习的话,先去学习哈!
上一节最后给你挖的坑是:如何计算出手势的发射方向,让粒子的发射方向和手势一致呢?
上一节只给你留了个思路,这节课咱们一起来把这个坑填一填。
填坑后最终效果
上节最后的效果是全屏显示心心:
这节最后的效果是这样的,定向发射你所有的爱哦:
这节咱们主要解决几个问题:
1、改造粒子让它朝着一个方向发射
2、计算GUN手势的枪口的位置和方向
3、隐藏手上的那些DEBUG的点(很多伙伴问如何隐藏掉,其实就一行代码哈哈哈)
4、发布
1、改造粒子让它朝着一个方向发射
默认的粒子系统创建出来其实就是朝着一个方向发射的,咱们主要需要改一改它的默认参数,让它发射的范围小一点,像是从指尖发射出来的。
注意下图中的几个属性:
**为什么还要你注意Rotation呢?**因为待会咱们要让粒子的发射方向和手的方向一致,粒子有旋转的话计算起来麻烦一些,所以最好给他清零。
2、计算GUN手势的枪口的位置和方向
接着上一节讲的,ARStandGuesturePainter.cs中,先放出代码:
if (guestureInfo.HandGestureType == ArHandGestureType.GUN ||guestureInfo.HandGestureType == ArHandGestureType.I_LOVE_YOU ||guestureInfo.HandGestureType == ArHandGestureType.FINGER_HEART){HeartParticles.SetActive(true);// m_Points中包含了手势识别出来的点的位置,食指的关节分别是4,5,6,7(指尖)if (m_Points.Count > 8){// 使用SenseAR给的一个工具方法,转为viewport的坐标(0,1)// 注意在这旋转屏幕时有BUG,大智没有过多去调试,如果你想搞得完美一些,可以完善一下它的源码var startViewport = ARStandGestureUtil.TrasnPosition2D(m_Points[4], image.width, image.height);var endViewport = ARStandGestureUtil.TrasnPosition2D(m_Points[7], image.width, image.height);// 设置z值,下面转换为世界坐标时代表与相机的距离// 这个z其实是随便填的,但是会影响粒子距离相机的远近,填一个合适的值startViewport.z = 1f;endViewport.z = 1f;// 转为世界坐标var start = m_camera.ViewportToWorldPoint(startViewport);var end = m_camera.ViewportToWorldPoint(endViewport);// 设置粒子的位置和方向HeartParticles.transform.position = end;HeartParticles.transform.forward = end - start;}}else{HeartParticles.SetActive(false);}
代码里注释写的很详细了,不过还有几点需要说明一下:
1、m_Points中的点与手关节的对应关系如下图:
图中是1-20,但是数组中是0-19,所以注意转换一下。可以看到咱们食指的之间是P8,数组中的索引是7。食指的根部是P5,数组中的索引是4。
2、为什么要设置startViewport和endViewport的z值呢?
提前设置好z值后,在下面调用ViewportToWorldPoint后,就能直接得到与相机距离为z的世界坐标结果了。你要是还不清楚可以去看一下这个API的文档:https://docs.unity3d.com/ScriptReference/Camera.ViewportToScreenPoint.html
其实手势识别出来的手指关节位置本身是没有深度的,相当于是一张照片。我们只是让3D的粒子系统和2D的背景相机图像融合在一起看起来好像都是3D的。
3、HeartParticles.transform.forward = end - start;
这句代码是啥意思?
这句代码是个设置物体旋转的简便写法,可以将物体的transform的forward向量,设置为对应的方向。比如在这就是将粒子的forward(z轴)设置为食指指向的方向。
所以第一步制作粒子的时候让你最好不要有旋转,否则设置forward可能得不出来你想要的结果。
为什么用forward向量,而不是用right或者up呢,这个要根据你的粒子的发射方向决定。大智做的粒子发射方向是forward,也就是z轴的方向。
3、隐藏手上的那些DEBUG的点
(很多伙伴问如何隐藏掉,其实就一行代码哈哈哈)
手上的DEBUG点是在ARStandGuesturePainter代码的PostRender方法中通过GL画的,所以只要在PostRender方法的第一行加上个return;
就好了。
啥?你说为啥不直接删掉?删掉你以后想再加上不就找不到了。
4、发布
发布不多说了,上一节课已经讲过了,好多同学卡到gradle中的maven库被墙的问题,可以到我之前的一篇文章看一下:《SenseAR常见问题总结》https://www.jianshu.com/p/435a3f90a6e2
源码及更多探索
由于源码后续会更新,就不直接打包传在这里了。
本工程的持续更新源码可以在洪流学堂公众号回复爱心
获取。
这节课只是处理了食指,但是对于ILOVEYOU和比心手势来说,这样可能不够精确,剩下的交给你来做咯!
扩展阅读
Unity+SenseAR教程:用手势发射爱心【源码】
SenseAR常见问题总结
【视频】商汤SenseAR全功能初体验(含填坑经验)
【视频】商汤SenseAR全功能初体验(含填坑经验):B站
好了,今天就絮絮叨叨到这里了,没讲清楚的地方欢迎评论。
我是大智(个人微信:zhz11235),你的技术探路者,下次见!
别走!点赞,收藏哦!
好,你可以走了。
Unity+SenseAR教程 | 用手势发射爱心2:加入发射方向【源码】相关推荐
- 微信公众平台开发教程(四) 实例入门:机器人(附源码)
微信公众平台开发教程(四) 实例入门:机器人(附源码) 上一篇文章,写了基本框架,可能很多人会觉得晕头转向,这里提供一个简单的例子来予以说明,希望能帮你解开谜团. 一.功能介绍 通过微信公众平台实现在 ...
- 基于JAVA校园爱心志愿系统计算机毕业设计源码+数据库+lw文档+系统+部署
基于JAVA校园爱心志愿系统计算机毕业设计源码+数据库+lw文档+系统+部署 基于JAVA校园爱心志愿系统计算机毕业设计源码+数据库+lw文档+系统+部署 本源码技术栈: 项目架构:B/S架构 开发语 ...
- 基于JAVA宠物爱心救助系统计算机毕业设计源码+系统+lw文档+部署
基于JAVA宠物爱心救助系统计算机毕业设计源码+系统+lw文档+部署 基于JAVA宠物爱心救助系统计算机毕业设计源码+系统+lw文档+部署 本源码技术栈: 项目架构:B/S架构 开发语言:Java语言 ...
- 【保姆级教程】Docker基础操作篇-Dokerfile(含源码)
Docker系列文章: 你好!Docker[概念+源码+保姆式教程] [保姆级教程]Docker进阶操作篇-Compose(含源码) Docker常用命令 [保姆级教程]VMware+CentOS 7 ...
- Unity+SenseAR教程:用手势发射爱心【源码】
摘要:Unity+SenseAR2.3开发的AR应用,基于手势识别功能,发射你的爱心~ 洪流学堂,让你快人几步.你好,我是你的技术探路者郑洪智,你可以叫我大智. 今天开头就不絮叨了,一句"名 ...
- Unity SenseAR教程:人脸检测之放置脸部挂饰【含源码】
摘要:Unity+SenseAR开发的AR应用,基于人脸检测,给脸部添加装饰物~ 洪流学堂,让你快人几步.你好,我是你的技术探路者郑洪智,你可以叫我大智(vx: zhz11235). 之前探索了Sen ...
- 用python画出小人发射爱心_小人发射爱心biu简笔画表情-biu小人简笔画表情动态完整版-东坡下载...
最近微信上有个发红包的新玩法,可以发动态的表情,最好的当属biu小人简笔画表情了,可以一步步的画出那个小人,非常有创意的红包,东坡这里整理了一些biu小人简笔画表情分享给大家,有需要赶紧下载吧. 表情 ...
- Asp.Net大型项目实践(7)-用Unity实现AOP之事务处理+为啥要用AOP(附源码)
在目录中我计划对权限管理,异常管理,事务管理,日志管理,异常管理等项目中AOP典型应用场景进行详细的描述,本篇我们用Unity的Interception来实现项目中的事务处理. 为啥要用AOP 由于这 ...
- b站学python_Python爬虫学习教程 bilibili网站视频爬取!【附源码】
python爬虫学习教程,万物皆可爬!每个技术大牛都是从基础慢慢的提升上去的,基础知识越深以后的发展越牛!学好python,才能玩转python,那到底怎么才能学好python? 通过爬取b站案例带领 ...
最新文章
- hashlib模式和hmac模式
- 122112_1452_Word1
- SAP ABAP OData uri type为metadata的请求处理逻辑
- ThinkPHP6项目基操(20.实战部分 数据库操作返回值总结)
- LOJ#6283. 数列分块入门 7
- jQuery.fn.extend 与 jQuery.extend 用法
- apache http server 停止工作_Tomcat9配置HTTP/2
- How to use the Feathers ScreenNavigator component
- PowerBuilder GRID美化
- 计算机多媒体化简笔画,计算器简笔画教程
- 梅花6的11万极点+四字上词拼音首字母全GBK五笔简繁词库(新增五笔98词库)
- unity-MMD制作
- .NET解析BT种子,获取InfoHash
- Unity 文字转语音
- 搜狗拼音linux 知乎,搜狗拼音知乎专版下载
- 智能制造运筹优化_机械类(智能制造与智能装备)之工业工程专业
- STM32单片机(11) DS18B20温度传感器实验
- 微信内置浏览器支付流程
- 苹果手机开不了机怎么办
- 美国加州大学河滨分校陈雪梅教授北大招聘Co-PI
热门文章
- stretchblt 模糊_拼多多直播不显示画面?直播画面模糊怎么调整
- python手写数字识别实验报告_python实现识别手写数字 python图像识别算法
- 年味十足的手绘年画风新年春节海报PSD模板
- 万圣节海报素材PSD分层模板
- 限时抢购促销海报设计没想法,看这里!眼见的倒计时紧迫感
- 设计实用素材|促销海报设计技巧
- UI设计师必收藏的上百种配色方案专辑!
- 电商促销海报PSD分层模板|创意合成,这样的设计越来越吃香!
- linux php没有bin,php - 执行Linux命令没有报错但也没有输出
- cdn共振为什么要拍身份证_干货 | 拍婚纱照为什么要提前预约呢?