PIXI.js - 如何画半个圆？答案

【问题标题】：PIXI.js - How to draw a half of the circle?PIXI.js - 如何画半个圆？
【发布时间】：2016-06-09 03:36:06
【问题描述】：

我是 PIXI.js 制作游戏的新手。不使用图像如何画出这样的半个圆？

提前谢谢你！

【问题讨论】：

【解决方案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/

【讨论】：

@juniper- 谢谢，似乎 URL 已更改。更新了链接。
这里是你如何制作任何角度jsfiddle.net/0dhkp2z1