巧用Createjs的贝赛尔函数写美妙曲线并让它动起来

巧用Createjs的贝赛尔函数写美妙曲线并让它动起来
思路：起始点从（0，0）变到（0，不断加大）；终止点从（1024，0）变到（1024，不断加大）；
一个控制点位于直线y=400-x上；一个控制点位于y=1000-x上

var myG = new createjs.Graphics();var myS = new createjs.Shape(myG);myG.beginStroke("#FF0000");
var x1=0;
var x2=400;
var stX=-20;
var stY=0;
var enX=1024;
var enY=0;for (var i = 1; i < 100; i++) {
stY=stY+i1;
enY=enY+i1;
x1=x1+i0.5
y1=400-x1;
x2=x2+i0.5;
y2=1000-x2;
myG.moveTo(stX, stY);
myG.bezierCurveTo(x1, y1, x2, y2, enX, enY);
stage.addChild(myS);
}

只需要将FOR循环改成createjs.Ticker.addEventListener(“tick”,drawLine);function drawLine(){FOR循环里面的语句}将变量i在tick外进行设置为1，在drawLine()里加上一条i++.这条曲线就动起来了