用Phaser3画一个三等分的饼图
时间: 2024-03-16 14:45:26 浏览: 26
好的,以下是用Phaser3画一个三等分的饼图的代码:
```javascript
var config = {
type: Phaser.AUTO,
width: 800,
height: 600,
backgroundColor: '#ffffff',
scene: {
create: create
}
};
var game = new Phaser.Game(config);
function create() {
var graphics = this.add.graphics({ lineStyle: { width: 2, color: 0x000000 } });
var centerX = 400;
var centerY = 300;
var radius = 200;
var angle1 = Phaser.Math.DegToRad(120);
var angle2 = Phaser.Math.DegToRad(240);
graphics.fillStyle(0xff0000, 1);
graphics.beginPath();
graphics.moveTo(centerX, centerY);
graphics.arc(centerX, centerY, radius, 0, angle1, false);
graphics.lineTo(centerX, centerY);
graphics.closePath();
graphics.fillPath();
graphics.fillStyle(0x00ff00, 1);
graphics.beginPath();
graphics.moveTo(centerX, centerY);
graphics.arc(centerX, centerY, radius, angle1, angle2, false);
graphics.lineTo(centerX, centerY);
graphics.closePath();
graphics.fillPath();
graphics.fillStyle(0x0000ff, 1);
graphics.beginPath();
graphics.moveTo(centerX, centerY);
graphics.arc(centerX, centerY, radius, angle2, 0, false);
graphics.lineTo(centerX, centerY);
graphics.closePath();
graphics.fillPath();
}
```
这段代码会在画布中心画一个半径为200的圆,然后将其分为三个等份并填充不同颜色。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)