PIXI.js - 如何绘制圆的一半？

Question

我是PIXI.js的新手来制作游戏。 如何在不使用图像的情况下绘制这样的圆的一半？

提前谢谢！

Answer 1

确保在使用stackoverflow之前阅读the official documentation。 ：）

使用PIXI.Graphics类以编程方式绘制形状。它有一个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);

https://jsfiddle.net/_jered/kydtg9jq/