Processing入门：用点线面构建简单图形

在Processing中，你可以使用简单的函数轻松创建各种图形。本教程将介绍如何使用point()、line()、triangle()和arc()函数绘制点、线、三角形和扇形，并附带代码示例，帮助你快速入门Processing图形绘制。

1. 绘制点

使用point(x, y)函数可以绘制一个点，其中x和y是点的坐标。

void setup() {
  size(400, 400);
}

void draw() {
  background(255);
  
  stroke(0); // 设置笔画颜色为黑色
  strokeWeight(5); // 设置笔画宽度为5

  point(200, 200); // 绘制一个点
}

这段代码将在窗口中心绘制一个黑色的点。

2. 绘制线

使用line(x1, y1, x2, y2)函数可以绘制一条线段，其中(x1, y1)是起点坐标，(x2, y2)是终点坐标。

void setup() {
  size(400, 400);
}

void draw() {
  background(255);
  
  stroke(0); // 设置笔画颜色为黑色
  strokeWeight(2); // 设置笔画宽度为2

  line(100, 100, 300, 300); // 绘制一条线段
}

这段代码将绘制一条从左上角到右下角的黑色直线。

3. 绘制三角形

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

void setup() {
  size(400, 400);
}

void draw() {
  background(255);
  
  stroke(0); // 设置笔画颜色为黑色
  strokeWeight(2); // 设置笔画宽度为2
  fill(255, 0, 0); // 设置填充颜色为红色

  triangle(100, 200, 200, 100, 300, 200); // 绘制一个三角形
}

这段代码将绘制一个红色的三角形。

4. 绘制扇形

使用arc(x, y, w, h, start, stop)函数可以绘制一个扇形，其中(x, y)是圆心坐标，w和h分别是扇形的宽度和高度，start和stop分别是起始角度和终止角度，使用弧度制表示。

void setup() {
  size(400, 400);
}

void draw() {
  background(255);
  
  stroke(0); // 设置笔画颜色为黑色
  strokeWeight(2); // 设置笔画宽度为2
  fill(0, 255, 0); // 设置填充颜色为绿色

  arc(200, 200, 200, 200, 0, PI/2); // 绘制一个扇形
}

这段代码将绘制一个绿色的90度扇形。

总结

通过学习使用point()、line()、triangle()和arc()函数，你可以轻松创建各种简单的图形。尝试修改代码中的参数，观察图形的变化，并发挥你的创造力，组合不同的图形元素，构建更复杂的图案吧！