巧用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++.这条曲线就动起来了