TangIDE之贝赛尔曲线运动轨迹

版权声明：欢迎访问studio.holaverse.cn！HTML5游戏零基础超快上手！一天一个小游戏！！！ https://blog.csdn.net/yinlijun2004/article/details/46547513

预览效果：TangIDE贝塞尔曲线轨迹

代码：

var me = this;
var win = this.getWindow();
var sp = win.find("ui-sprite-general");
var factor = 0.01;

//贝塞尔的三个点{100, 100}, {20, 700}, {400, 20}

function updatePosition() {
    var value = factor;
    sp.x = (1 - value) * (1 - value) * 100 + 2 * value * (1 - value) * 20 + value * value * 400;
    sp.y = (1 - value) * (1 - value) * 100 + 2 * value * (1 - value) * 700 + value * value * 20;
    if(factor < 1) {
        setTimeout(updatePosition, 10);
    }
    factor += 0.03;
    var fp = win.dupChild("ui-foot-print-general", 0);
    fp.name = "ui-fp";
    fp.setPosition(sp.x, sp.y);
}
updatePosition();