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

Question

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

预先感谢您！

Answer 1

在使用计算器之前，请务必阅读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/