Processing图形绘制入门：点、线、三角形、扇形详解

想要学习如何在Processing中创建各种有趣的图形吗？这篇教程将带你从最基础的图形元素开始，学习如何使用代码绘制点、线、三角形和扇形。

在Processing中，你可以使用point()函数来绘制一个点。你需要指定点的x坐标和y坐标。processingvoid setup() { size(400, 400);}

void draw() { background(255); // 绘制点 stroke(0); strokeWeight(5); point(50, 50); }

这段代码将在画布上绘制一个位于(50, 50)的黑色点，点的直径为5像素。

stroke(0): 设置点的颜色为黑色。- strokeWeight(5): 设置点的直径为5像素。- point(50, 50): 在坐标(50, 50)处绘制点。

使用line()函数可以绘制一条直线。你需要指定线的起点坐标和终点坐标。processing// ... (之前的代码) ...

// 绘制线 stroke(0, 0, 255); strokeWeight(2); line(100, 100, 200, 200); // ... (之后的代码) ...

这段代码将在画布上绘制一条从(100, 100)到(200, 200)的蓝色直线，线的粗细为2像素。

stroke(0, 0, 255): 设置线的颜色为蓝色。- strokeWeight(2): 设置线的粗细为2像素。- line(100, 100, 200, 200): 绘制一条起点为(100, 100)，终点为(200, 200)的直线。

triangle()函数用于绘制三角形。你需要指定三角形三个顶点的坐标。processing// ... (之前的代码) ...

// 绘制三角形 stroke(255, 0, 0); noFill(); triangle(250, 250, 300, 300, 350, 250); // ... (之后的代码) ...

这段代码将在画布上绘制一个红色边框的三角形，三个顶点坐标分别为(250, 250), (300, 300)和(350, 250)。

stroke(255, 0, 0): 设置三角形边框颜色为红色。- noFill(): 设置三角形不填充颜色。- triangle(250, 250, 300, 300, 350, 250): 绘制一个三角形，三个顶点坐标依次传入。

arc()函数用于绘制扇形。你需要指定扇形的圆心坐标、宽度、高度、起始角度和结束角度。processing// ... (之前的代码) ...

// 绘制扇形 fill(0, 255, 0); arc(200, 200, 100, 100, 0, PI/2, PIE); // ... (之后的代码) ...

这段代码将在画布上绘制一个绿色的扇形。

fill(0, 255, 0): 设置扇形的填充颜色为绿色。- arc(200, 200, 100, 100, 0, PI/2, PIE): 绘制一个扇形，参数依次为：圆心x坐标、圆心y坐标、宽度、高度、起始角度、结束角度、绘制模式。

通过学习point(), line(), triangle()和arc()函数，你已经可以在Processing中绘制简单的图形了！尝试修改代码中的参数，观察图形的变化，并发挥你的创造力，组合不同的图形元素，创作出更多有趣的图案吧！