贝塞尔曲线路径在线绘制工具,支持匀速,导出数据

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

该工程基于CocosCreator_2.2.2

GitHub项目地址

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

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

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

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

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

导出的json数据格式如下图:
在这里插入图片描述

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

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

80赞

:2:厉害了

多多关照哦,嘿嘿

作为萌新的我的第一个开源小项目,希望大家能多多支持!
觉得有用的小伙伴可以在GitHub给个Star,您们的每一个Star都是对我最大的支持和鼓励,谢谢啦!:joy:
年后准备重新找工作了,有时间会更新一些新功能,优化一下!

很棒,你的代码很好,赞,现在它是我的了:grinning:

2赞

看了下,还行,就是1.9.2的版本太古老了,2.2.2直接用不了,而且js的bug太难调了,改了几个改不下去了

…不好意思.由于工作中用的1.9.2,忘了改版本了,我后面改一下:11:

现在我已经更新了哟,支持最新的2.2.2版本:2:

1赞

点个赞,很实用

插眼tp

请教一下楼主 这个支持2.0.10版本吗?

应该都支持,可能低版本的按钮界面有点异常,正常功能不影响

很棒,接下来要不要用TS重写一遍

:3: 感觉没有什么特别大的意义,暂时就不重写了吧,本来最开始的时候是准备做成一个插件的。。

mark

mark

更新日志:

2020.2.7:

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

4赞

很棒哦

mark

战略性mark