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

 computeBezierActions() {
        let bezierCurveData = lcl.BezierData.getBezierCurveData();
        this.actionLists = [];
        // 创建动作队列
        for (var i = 0, len = bezierCurveData.points.length; i < len; i++) {
            const point = bezierCurveData.points[i];
            //计算当前路段需要的时间
            let time = point.length / bezierCurveData.length * bezierCurveData.time;
            point.time = time;
            // 创建动作
            let action = cc.moveTo(time, cc.v2(point.x, point.y));
            this.actionLists.push(action);
        }
    },

获取了移动轨迹之后,这个移动动画损耗是不是太大,一下几百几千个点。也就是几百几千个 cc.MoveTo。请教有没有更好的方式?

或者你可以细分更多的点, 然后直接移动到下一个点。
或者少分几个点,然后两点间做插值,这个平衡点只有自己去找了

数学好才是真的好,

感谢楼主大义凌然且大公无私的分享。

做动画会用到感想分享

mark[爱心]

可以的工具。mark一下。呢。

mark。

好东西,mark!

#喵啊,mark>>>>

mmmmmmmmmmmmmmmmmmmark

Mark大佬

新 在线访问地址

mark 。。。

mark!!!!

mark!!!

我曾经写过类似这样的工具 支持任意控制点的贝塞尔曲线,还额外支持了埃尔米特曲线

https://github.com/253056965/quxian-cocos
这是我的github地址 楼主和大家可以看一下

7赞

哇 大佬贝塞尔曲线路径绘制 收藏先

大佬,这个假如路径太多,导出的体积就太大了。假如我只要贝塞尔的三个点,怎样做匀速运动呢?求指点

mark 真香