cocoscreator通过二阶贝塞尔曲线实现抛物线

使用cc.tween的progress自定义实现抛物线

贝塞尔资料链接

参数说明

p0是起始点
p1是中点
p2是终点
p1通过p2和p0的Xaxis相减获得
height是p0加上的高度
t 的取值范围是0-1（整个过程的归一化）

let bezier = (p0, p2, height, t): cc.Vec2 => {
    let t1 = (1 - t) * (1 - t);
    let t2 = 2 * t * (1 - t);
    let t3 = t * t
    let p1 = cc.v2(p0.x + (p2.x - p0.x) / 2, p0.x + height);
    return p0.mul(t1).add(p1.mul(t2)).add(p2.mul(t3));
}
cc.tween(node)
    .to(1, {
        position: {
            value: destPos,
            progress: (start, end, current, t) => {
                let dest = bezier(start, end, 200, t);
                // console.log("dest", dest)
                return dest
            }
        }
    })