巧用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++.這條曲線就動起來了

總結

以上是生活随笔為你收集整理的巧用Createjs的贝赛尔函数写美妙曲线并让它动起来的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。