Processing基础图形绘制

Posted 2023-03-09

参考技术A 定义画布大小，边框大小、颜色，填充色
以下所有案例均在 size(600, 200) 中绘制

point(x, y) ，大小通过 stroke 控制

line(x1, y1, x2, y2)

ellipse(x, y, width, height); 默认（x,y）为中心，即CENTER; ellipseMode(CORNER) 从左上角（x,y）开始画起

arc(x, y, width, height, start, stop); start=0 时默认从三点钟方向顺时针画起，以此往后推， start=PI 则从9点钟方向画起

rect(top_left_x, top_left_y, width, height) 默认为 rectMode(CORNER) ，即以左上角的点为定向往后画；CENTER则定义中心点，往四周画；CORNERS，则定左上角的点和右下角的点，即 rect(top_left_x, top_left_y, right_bottom_x, right_bottom_y);

quad(x1, y1, x2, y2, x3, y3, x4, y4) 四边形，直接定四个点的x,y

同样定义三角形三个点的x,y

beginShape(kind) kind可以是POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS, or QUAD_STRIP，Processing会自动根据点和所要画的形状来分配。 endShape(mode) 可填CLOSE也可不填，CLOSE表示闭合形状

curve(Cx1,Cy1, x1, y1, x2, y2, Cx2, Cy2); 前后为控制曲度的点的坐标，中间为绘制的定点坐标； curveTightness() ，为0时正常曲度，1时为直线。在-5.0和5.0之间变化会畸形变化

多点绘制

bezier(x1,y1,Cx1,Cy1,Cx2,Cy2,x2,y2) 类似于用钢笔绘画，前后两个为定点，中间两个点为钢笔柄的端点，以此控制曲度。 vertex(x1,y1);bezierVertex(Cx1, Cy1, Cx2, Cy2, x2, y2) 相当于把原来的bezier拆分成一个一个点来绘制