“贝赛尔”工具在photoshop中叫“钢笔工具”;在CorelDraw中翻译成“贝赛尔工具”;而在Fireworks中叫“画笔”。它是用来“画线”造型的一种专业工具。当然还有很多工具也可以完成画线的工作,例如大家常用的photoshop里的直线、喷枪、画笔工具,Fireworks里的直线、铅笔和笔刷工具,CorelDraw里的自由笔,手绘工具等等。
百度说这么一大堆, 其实我只是想用来制作类似游戏南瓜射手的抛物线效果而已! 于是用TypeScript 写了这个类 希望能够分享给大家!
class BezierPath{
public static CreateBezierPoints(anchorpoints, pointsAmount):Array<any> {
var points = [];
for (var i = 0; i < pointsAmount; i++) {
var point = this.MultiPointBezier(anchorpoints, i / pointsAmount);
points.push(point);
}
return points;
}
private static MultiPointBezier(points, t):any {
let len:number = points.length;
let x:number = 0, y:number = 0;
for (let i:number = 0; i < len; i++) {
let point:any = points[i];
x += point.x * Math.pow((1 - t), (len - 1 - i)) * Math.pow(t, i) * (this.erxiangshi(len - 1, i));
y += point.y * Math.pow((1 - t), (len - 1 - i)) * Math.pow(t, i) * (this.erxiangshi(len - 1, i));
}
return { x: x, y: y };
}
private static erxiangshi(start:number, end:number):number {
let cs:number = 1, bcs:number = 1;
while (end > 0) {
cs *= start;
bcs *= end;
start--;
end--;
}
return (cs / bcs);
};
}