Processing入门教程：用点线面绘制简单图形

想要学习如何使用代码进行图形创作吗？本教程将带你入门Processing，学习如何绘制点、线、三角形、扇形等基本图形，并提供详细的代码示例和说明，帮助你快速掌握基础知识。

1. 绘制点

在 Processing 中，你可以使用 point(x, y) 函数绘制一个点，其中 x 和 y 分别代表点的横坐标和纵坐标。

void setup() {
  size(400, 400);  // 设置画布大小
}

void draw() {
  background(255);  // 设置背景颜色为白色

  // 绘制点
  stroke(0, 0, 255);  // 设置点的颜色为蓝色
  strokeWeight(5);  // 设置点的大小
  point(100, 100);  // 绘制一个点
}

2. 绘制线

使用 line(x1, y1, x2, y2) 函数可以绘制一条直线，其中 (x1, y1) 和 (x2, y2) 分别代表直线的起点和终点坐标。

// ... (前面的代码)

  // 绘制线
  stroke(0, 255, 0);  // 设置线的颜色为绿色
  strokeWeight(2);  // 设置线的粗细
  line(200, 200, 300, 200);  // 绘制一条直线
// ...

3. 绘制三角形

triangle(x1, y1, x2, y2, x3, y3) 函数用于绘制三角形，其中 (x1, y1)、(x2, y2) 和 (x3, y3) 分别代表三角形的三个顶点坐标。

// ... (前面的代码)

  // 绘制三角形
  fill(255, 0, 0);  // 设置三角形的填充颜色为红色
  noStroke();  // 取消描边
  triangle(100, 300, 200, 300, 150, 250);  // 绘制一个三角形
// ...

4. 绘制扇形

arc(x, y, width, height, startAngle, stopAngle, mode) 函数用于绘制扇形，其中：

(x, y) 代表扇形的圆心坐标
width 和 height 分别代表扇形的宽度和高度
startAngle 和 stopAngle 分别代表扇形的起始角度和终止角度，以弧度为单位
mode 可以是 PIE、OPEN 或 CHORD，分别代表绘制扇形、弧线或弦

// ... (前面的代码)

  // 绘制扇形
  fill(255, 255, 0);  // 设置扇形的填充颜色为黄色
  noStroke();  // 取消描边
  arc(300, 300, 100, 100, radians(45), radians(135), PIE);  // 绘制一个扇形
// ...

总结

通过本教程，你学习了如何使用 Processing 绘制点、线、三角形和扇形等基本图形。你可以尝试修改代码中的参数，创建不同形状、颜色和效果的图形，并探索更多 Processing 提供的绘图函数，创作出更复杂、更有趣的图形作品。

请确保你已经安装了 Processing 开发环境，并在显示窗口中查看结果。