在做游戏开发的时候经常会用到贝塞尔曲线来规划路径,在网上也没找到合适的demo,要么就是不支持高阶贝塞尔,要么就是不能匀速运动。所以决定趁着闲余时间自己写一个工具,方便以后用。
于是就有了该项目,并且我已经把源码放在GitHub上了,有兴趣的可以看看,希望能帮到有所需要的朋友。

更新日志:

2020.2.7:

  • 新添加三阶贝塞尔曲线
  • 平滑度自定义

该工程基于cocos creator 2.2.2版本的!

GitHub项目地址

在线演示地址(可以直接在上面规划好后导出json文件)

下面来简单演示一下该工程:


目前支持二阶和三阶贝塞尔曲线绘制匀速运动导出路径的JSON数据
在项目中可以直接读取json文件,里面存储了许多连续的曲线点,直接拿来用即可。
可以根据不同的需求来达到想要的效果。

匀速运动实现思路很简单,其实就是利用了微积分思想,把曲线分割成许多份,每一份此时就可以看作直线运动了!

需要注意的是,该项目分辨率是1920*1080的,在不同的项目中使用可能需要转换下坐标!

导出的json数据格式如下:

{"time": 2, //路径运行总时长"length": 1718.4689669565246, //路径长度"points": [  //曲线点集合{"x": 588.1929046563193,  //x 坐标"y": 375.9645232815965,  //y 坐标"length": 0,  //上一点到该点的距离,由于该点是起点,所以为0"time": 0  //上一点到该点需要的时间,由于该点是起点,所以为0},{"x": 595.209865415573,"y": 362.11259538476247,"length": 15.527834515990738,"time": 0.018071707798705424},{"x": 601.8241340965079,"y": 348.46733368343007,"length": 15.163829235435424,"time": 0.01764806874841756},{"x": 608.0357106991243,"y": 335.02873817759905,"length": 14.804713204230342,"time": 0.017230119936876214},{"x": 613.8445952234222,"y": 321.7968088672695,"length": 14.450850933083036,"time": 0.016818285591361077},{"x": 619.2507876694015,"y": 308.7715457524413,"length": 14.102637908330035,"time": 0.0164130259894147},...

如果你们有什么好的建议,或者发现了bug可以留言告诉我,我会尽力去完善它。(毕竟是我的第一个开源项目,我还是会好好维护的,23333)

如果觉得好用的朋友希望能点个赞,关注一下哟,你们的每一个star都是对我最大的鼓励和动力!

匀速贝塞尔曲线路径规划工具相关推荐

  1. 自动驾驶算法详解(5): 贝塞尔曲线进行路径规划的python实现

    一.理论知识 1.路径规划定义 路径规划智能物流.无人驾驶等智能领域中重要的组成部分.路径规划的目标是实现从目的地到终点之间寻找一条安全(无碰撞).高效(最短距离或 最短时间)的一条最优或接近最优的路 ...

  2. Path(0)贝塞尔曲线

    声明:本文摘自其它参考资料之内容,会在文末声明,绝无冒犯之意,只为一时复习之方便,侵权必删! (最近在vrep中总遇到贝塞尔曲线,做个简单的记录.不过贝塞尔曲线在机器人的轨迹规划里应该也用得到,以后需 ...

  3. Android开发——贝塞尔曲线解析

    相信很多同学都知道"贝塞尔曲线"这个词,我们在很多地方都能经常看到.利用"贝塞尔曲线"可以做出很多好看的UI效果,本篇博客就让我们一起学习"贝塞尔曲线 ...

  4. 贝塞尔曲线和贝塞尔曲面_TimelineMax:处理贝塞尔(Bézier)补间

    贝塞尔曲线和贝塞尔曲面 当您需要高级功能时,GSAP插件非常有用. 我将在本教程中解释的BezierPlugin可以帮助沿定义为点/值数组的弯曲贝塞尔曲线路径上的几乎任何一个或多个属性设置动画. 在跳 ...

  5. 使用二阶贝塞尔曲线画出两点之间的连线

    使用二阶贝塞尔曲线画出两点之间的连线 二阶贝塞尔曲线公式 控制点的位置 游戏中需要手动生成多个点来连接两个关卡,以达到更加可视化的目的. 最终效果如图: 二阶贝塞尔曲线公式 B(t) = (1-t)2 ...

  6. Android 贝塞尔曲线解析

    相信很多同学都知道"贝塞尔曲线"这个词,我们在很多地方都能经常看到.利用"贝塞尔曲线"可以做出很多好看的UI效果,本篇博客就让我们一起学习"贝塞尔曲线 ...

  7. Android 高级UI解密 (四) :花式玩转贝塞尔曲线(波浪、轨迹变换动画)

    讲解此UI系列必然少不了一个奇妙数学曲线-–贝塞尔曲线,它目前运用于App的范围是在太广了,最初的QQ气泡拖拽,到个人界面的波浪效果.Loading波浪效果,甚至于轨迹变化的动画都可以依赖贝塞尔曲线完 ...

  8. android贝塞尔曲线实例,android中贝塞尔曲线的应用示例

    前言: 贝塞尔曲线又称贝兹曲线,它的主要意义在于无论是直线或曲线都能在数学上予以描述.最初由保罗·德卡斯特里奥(Paul de Casteljau)于1959年运用德卡斯特里奥演算法开发(de Cas ...

  9. android运动轨迹怎么画,Android 利用三阶贝塞尔曲线绘制运动轨迹的示例

    本篇文章主要介绍了Android 利用三阶贝塞尔曲线绘制运动轨迹的示例,分享给大家,具体如下: 实现点赞效果,自定义起始点以及运动轨迹 效果图: xml布局: xmlns:tools="ht ...

最新文章

  1. mysql 排序取前4_MySQL时间段分组排序后取前10的问题?
  2. 分析与设计(AD)简介(3)
  3. 十年难得一遇!从数据误删到全量恢复的惊险记录
  4. C# 窗体实例化一次
  5. 【Linux入门到精通系列讲解】Linux如何创建和删除swap分区
  6. 文本分类-TensorRT优化结果对比图
  7. MySQL备份原理详解
  8. matlab生成均匀部分散点图,应用halton序列生成均匀散点图
  9. HDU1427 速算24点【DFS】
  10. 网管,真的是我该选择的路吗?
  11. Python机器学习库sklearn几种分类算法建模可视化(实验)
  12. java selenium2_Selenium2(webdirver)入门之环境搭建(Java版)
  13. rgba通道转rgb,将RGBA颜色转换为RGB
  14. 互联网人求职向传统行业倾斜;全国有两成开发者月薪超1.7万 | 美通企业日报...
  15. 介绍理想工作计算机 英语作文,我的理想工作(My Ideal Job)
  16. html表格单元格换行属性,CSS对表格单元格强制换行和不换行
  17. Tuxera NTFS2022Mac驱动完美支持NTFS硬盘读写
  18. 电脑微信网络正常,浏览器无法联网,显示“代理服务出现问题,或者地址有误”
  19. 跨平台应用:Qt 对决 HTML5
  20. android paint的抗锯齿效果

热门文章

  1. RocksDB 常见问题
  2. IBM x3690 x5服务器安装Debian Linux
  3. PreProcessIm
  4. BZOJ3681: Arietta
  5. ONLYOFFICE文档V7.2现已发布————插件市场、实时查看器、连写、全新表单字段、UI 更新等
  6. stm32串口通信最后一字节不对异常
  7. win10下安装openvino遇到的一些问题及解决方法
  8. 80年计算机专业硕士,多年多份多种多类的工作经验总结和分享,并提供技术咨询和培训、大学生志愿报考、专业学习及就业和面试指导
  9. matlab牛顿环gif,牛顿环干涉实验的 Matlab模拟
  10. 5种让你入门免费学习编程的方法