pixi.js - 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/