巧用Createjs的貝賽爾函數(shù)寫美妙曲線并讓它動(dòng)起來(lái)
思路：起始點(diǎn)從（0，0）變到（0，不斷加大）；終止點(diǎn)從（1024，0）變到（1024，不斷加大）；
一個(gè)控制點(diǎn)位于直線y=400-x上；一個(gè)控制點(diǎn)位于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循環(huán)改成createjs.Ticker.addEventListener(“tick”,drawLine);function drawLine(){FOR循環(huán)里面的語(yǔ)句}將變量i在tick外進(jìn)行設(shè)置為1，在drawLine()里加上一條i++.這條曲線就動(dòng)起來(lái)了

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。