Egret社区

泡泡龙思路射线

2019-6-28 09:37
86410
5银子
泡泡龙的辅助射线是怎么实现的?向量吗?

最佳答案

查看完整内容

1.原理:矢量图绘制; 2.实现原理:出泡口是一个点记录P1点,然后监听touchBegin和touchMove事件,根据移动距离时刻计算炮口的旋转角度,根据旋转角度,计算出炮口会对准的屏幕左右边缘的哪个一点,记录P2点,然后通过P2点,根据法线获得对称角,再根据该对称角找到,反弹后会弹到顶部边缘的一个点,记录为P3. 然后就是根据这3点绘制你的射线,一般射线不会到达P3这个点,所以可以根据距离来计算要绘制多长。射线总长度来定最后会 ...
分享到 :
0 人收藏

10 个回复

倒序浏览
exml  登堂入室 | 2019-6-28 09:37:45
1.原理:矢量图绘制;
2.实现原理:出泡口是一个点记录P1点,然后监听touchBegin和touchMove事件,根据移动距离时刻计算炮口的旋转角度,根据旋转角度,计算出炮口会对准的屏幕左右边缘的哪个一点,记录P2点,然后通过P2点,根据法线获得对称角,再根据该对称角找到,反弹后会弹到顶部边缘的一个点,记录为P3.  然后就是根据这3点绘制你的射线,一般射线不会到达P3这个点,所以可以根据距离来计算要绘制多长。射线总长度来定最后会到哪个点
1231.png
dbw  初窥堂奥 | 2019-6-28 15:35:18
你需要做成什么效果呀,给个效果图
Hjx  初窥堂奥 | 2019-7-1 10:09:29
exml 发表于 2019-6-28 09:37
1.原理:矢量图绘制;
2.实现原理:出泡口是一个点记录P1点,然后监听touchBegin和touchMove事件,根据移动 ...

法线如何获取对称角    并且p1点射到p2墙的位置是怎么确定的
exml  登堂入室 | 2019-7-1 11:46:38
Hjx 发表于 2019-7-1 10:09
法线如何获取对称角    并且p1点射到p2墙的位置是怎么确定的

法线就是垂直于面的线,p2点,就是 p1点和当前move的点,延长线交于屏幕边缘的点
Hjx  初窥堂奥 | 2019-7-1 17:18:23
exml 发表于 2019-7-1 11:46
法线就是垂直于面的线,p2点,就是 p1点和当前move的点,延长线交于屏幕边缘的点 ...

如果反射很多次呢  这个射线困扰我很久 解决他就能解决其他问题了
exml  登堂入室 | 2019-7-1 17:52:42
Hjx 发表于 2019-7-1 17:18
如果反射很多次呢  这个射线困扰我很久 解决他就能解决其他问题了

多次也是一样的,方法都是延长线方向和边缘相交点,然后就是法线对称后的延长线
Hjx  初窥堂奥 | 2019-7-1 17:56:04
exml 发表于 2019-7-1 17:52
多次也是一样的,方法都是延长线方向和边缘相交点,然后就是法线对称后的延长线 ...

延长线怎么求。。。边界知道了   发射点知道了  触摸的点也知道了  角度也知道了
exml  登堂入室 | 2019-7-1 18:01:59
Hjx 发表于 2019-7-1 17:56
延长线怎么求。。。边界知道了   发射点知道了  触摸的点也知道了  角度也知道了 ...

你所做旋转角度,根据图示中的p1,p2,旋转角度又知道,然后边缘点p3,x或者y是确定的
很容易就获得p3点的坐标了
Math.tan之类的数学函数,还有弧度角度互换。都是简单些的数学公式
Hjx  初窥堂奥 | 2019-7-2 09:41:14
exml 发表于 2019-7-1 18:01
你所做旋转角度,根据图示中的p1,p2,旋转角度又知道,然后边缘点p3,x或者y是确定的
很容易就获得p3点 ...

数学没学好就是蛋疼 我查下资料怎么求  谢谢了
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|京网文[2014]0791-191号|京ICP证150115号|Egret社区 ( 京ICP备14025619号 )

Powered by Discuz! X3.4 © 2001-2019 Comsenz Inc.

返回顶部