PIXI.js - 如何画半个圆？
PIXI.js - How to draw a half of the circle?
我是 PIXI.js 制作游戏的新手。
不使用图像怎么画这样的半个圆？
提前致谢！
确保在使用 Whosebug 之前阅读 the official documentation。 :)
使用 PIXI.Graphics class 以编程方式绘制形状。它有一个 arc 方法来绘制圆弧、曲线或圆的一部分。
var semicircle = new PIXI.Graphics();
semicircle.beginFill(0xff0000);
semicircle.lineStyle(2, 0xffffff);
semicircle.arc(0, 0, 100, 0, Math.PI); // cx, cy, radius, startAngle, endAngle
semicircle.position = {x: sW/2, y: sH/2};
stage.addChild(semicircle);
我是 PIXI.js 制作游戏的新手。 不使用图像怎么画这样的半个圆？
提前致谢！
确保在使用 Whosebug 之前阅读 the official documentation。 :)
使用 PIXI.Graphics class 以编程方式绘制形状。它有一个 arc 方法来绘制圆弧、曲线或圆的一部分。
var semicircle = new PIXI.Graphics();
semicircle.beginFill(0xff0000);
semicircle.lineStyle(2, 0xffffff);
semicircle.arc(0, 0, 100, 0, Math.PI); // cx, cy, radius, startAngle, endAngle
semicircle.position = {x: sW/2, y: sH/2};
stage.addChild(semicircle);