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/