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

Question

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

先感谢您!

Answer 1

在使用stackoverflow之前,请确保阅读官方文档.:)

使用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/