抛物线的瞄准线的绘制！ Cocos Creator!

给平抛高抛发射添加一个瞄准线！文章底部附完整代码！

效果预览

在如何实现高抛平抛发射？从抛物线说起！中介绍了物体平抛或高抛发射的一种实现。这次我们为它添加一个瞄准线。

需求分析

已知物体初速度v，重力加速度a，物体初始位置。求物体的运动轨迹。

这个问题可以转换成，物体在时间t之后的位置在哪里。

而抛物线运动可以分解成x轴匀速直线，y轴匀加速直线运动。

对于t时刻，x方向的位移是

s = v_x * t

y方向的位移是

h = v_y * t + 0.5 * a * t * t

再把位移加上初始位置，就是物体在t时刻的位置。

最后，取多个时间t的组合，就是运动轨迹了。

参考代码

const dt = 0.05;
for (let count = 0; count < 100; count++) {const time = dt * count;// s = v_x * tconst dx = linearVelocity.x * time;// h = v_y * t + 0.5 * a * t * tconst dy = linearVelocity.y * time + 0.5 * G * this.rigidBody_arrow.gravityScale * time * time;// 当前时间点坐标const targetX = START_POS.x + dx;const targetY = START_POS.y + dy;// 坐标超过地板就不画了if (targetY < -300) break;this.graphic_line.circle(targetX, targetY, 8);
}

学会思考，拆解需求，解决问题。

以上为白玉无冰使用 Cocos Creator v2.2.2 开发"抛物线的瞄准线的绘制！"的技术分享。如果这篇对你有点帮助，欢迎分享给身边的朋友。

更

多

精

彩

如何实现高抛平抛发射？从抛物线说起！

反复横跳的瞄准线！

物体随机飞溅运动！

贪吃蛇大作战！蛇移动的思考与实现！

分形的奥秘！分形着色器！

2019原创往期精选！附送 github 地址！

小游戏不停歇的球！技术分享！源码相送！

转载请保留文末二维码和完整代码获取方式！

完整代码:

https://github.com/baiyuwubing/cocos-creator-examples/tree/master/parabola

点击“阅读原文”查看完整代码

我就知道你“在看”▼

抛物线的瞄准线的绘制！ Cocos Creator!相关推荐

欢乐水杯(happy glass)的流体实现！ Cocos Creator!
用 shader + camera 实现流体效果 !文章底部附完整代码! 效果预览实现原理整体思路是参考论坛中的一个帖子.(链接:https://forum.cocos.org/t/happy-g ...
tilemap 菱形_使用Cocos creator制作【治愈七夕】-音乐游戏图形api绘制跳舞的线
专栏概述及目录:笑苍天Smile:专栏概述及目录zhuanlan.zhihu.com 游戏截图: 游戏地址:微信扫一扫游戏源码游戏技术:前端引擎-Cocos creator,语言-Ts. 写作目 ...
cocos creator 绘制闪电特效
核心算法来自这篇帖子,建议先看看原帖: [Cocos2d-x教程(20)-闪电效果]http://blog.csdn.net/u012945598/article/details/18862091 看 ...
cocos creator 安卓原生平台环境_竞技对抗小游戏单挑篮球开发历程 | Cocos技术派第12期...
本文来自于"Cocos 荣耀讲师"征稿活动第1期,最先发表于 Cocos 中文社区,作者 ID:蟹老板,2017年加入社区,文章作品包括<猎头专家的开发历程>等. Co ...
022 - cocos creator 3D
#cocos creator 3D warning 报错:"project:///assets/main.js,将https中的export注视掉重试一遍知识点 scrollview组件添 ...
物理挖洞之分块！Cocos Creator !
减少多边形计算!画饼分之- 效果预览回顾在物理挖洞之链条!实现!(含视频讲解) 中介绍了用 PolyBool 和链条组件(cc.PhysicsChainCollider)实现物理挖洞的方法. 虽 ...
使用 mesh 实现多边形裁剪图片！Cocos Creator！
和 mask 裁剪图片说拜拜,用上高性能的 mesh + shader .文章底部获取完整代码! 效果预览: 使用方法: 创建一个空节点添加用户脚本组件 mesh-texture-mask 添加图片 ...
cocos creator 学习随笔 day03 节点和组件属性
目录节点本身属性控件属性场景空节点 3D对象 2D对象 UI组件光线特效摄像机地形节点本身属性第一栏为节点名,可修改,前面得勾,是表示是否使用该节点,去掉代表隐藏该节点,但是该节点 ...
Cocos Creator 3.61所有工具软件的使用
文章目录 Tiled-地图绘制软件下载安装基本使用点点就会了导入cocos 编辑动画注意 cocos导入Tiled BigShear-图片裁剪为plist形式下载安装使用 Texture ...

抛物线的瞄准线的绘制！ Cocos Creator!

抛物线的瞄准线的绘制！ Cocos Creator!相关推荐

最新文章

热门文章