P5.js | 中风()函数

在P5.js中，中风()函数是一个用于绘制半圆或扇形的函数。该函数需要指定圆心的坐标、半径和起始位置和结束位置之间的角度。

语法

arc(x, y, w, h, start, stop, [mode], [detail])

参数说明：

• x: 圆心的x坐标
• y: 圆心的y坐标
• w: 弧线的宽
• h: 弧线的高
• start: 起始角度，单位为弧度
• stop: 结束角度，单位为弧度
• mode (可选): 决定如何绘制形状，可以是CENTER、RADIUS、CORNER或CORNERS
• detail (可选): 画图的质量，越高越好，默认为粗略的。

用法

下面是一些示例：

绘制半圆

绘制一个以（100, 100）为圆心，半径为50，起始角度为0，结束角度为PI的半圆。

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  noFill();
  stroke(0);
  arc(100, 100, 50, 50, 0, PI);
}

绘制扇形

绘制一个以（100, 100）为圆心，半径为50，起始角度为0，结束角度为PI的扇形。

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  noFill();
  stroke(0);
  arc(100, 100, 50, 50, 0, PI / 2, PIE);
}

绘制多个扇形

绘制三个不同颜色的扇形。

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  noFill();
  
  // 绘制红色的扇形
  stroke(255, 0, 0);
  arc(100, 100, 50, 50, 0, PI / 2, PIE);
  
  // 绘制绿色的扇形
  stroke(0, 255, 0);
  arc(100, 100, 50, 50, PI / 2, PI, PIE);
  
  // 绘制蓝色的扇形
  stroke(0, 0, 255);
  arc(100, 100, 50, 50, PI, PI * 3 / 2, PIE);
}

总结

中风()函数是一个非常常用的函数，在绘制圆形、饼图等图形时都能派上用场。记住这个函数的语法和用法，可以轻松实现各种图形功能。