Processing 改变形状的属性
1、设置曲线为平滑曲线
输入代码:
size(480, 120);
smooth();//打开线条圆滑命令
ellipse(140, 60, 90, 90);

2、设置曲线为非平滑曲线
输入代码:
size(480, 120);
noSmooth();//关闭线条圆滑命令
ellipse(140, 60, 90, 90);

3、设置图形轮廓的像素
输入代码:
size(480, 120);
smooth();
ellipse(75, 60, 90, 90);
strokeWeight(8); // 设置宽度像素为 8
ellipse(175, 60, 90, 90);
ellipse(279, 60, 90, 90);
strokeWeight(20); // 设置宽度像素为 20
ellipse(389, 60, 90, 90);

4、设置图形不同转角,例如:圆角,倒角
输入代码:
size(480, 120);
smooth(); //打开曲线平滑
strokeWeight(12);
strokeJoin(ROUND); // 设置为圆角
rect(40, 25, 70, 70);
strokeJoin(BEVEL); //设置为斜角
rect(140, 25, 70, 70);
strokeCap(SQUARE); //设置为平面
line(270, 25, 340, 95);
strokeCap(ROUND); // 设置为圆弧
line(350, 25, 420, 95);

5、设置图形不同的灰度
输入代码:
size(480, 120);
smooth();
background(0); // 黑色
fill(204); // 灰度为 204
ellipse(132, 82, 200, 200);
fill(153); // 填充灰度为 153
ellipse(228, -16, 200, 200);
fill(102);
ellipse(268, 118, 200, 200);

6、关闭轮廓线条
输入代码:
size(480, 120);
smooth();
fill(153); // 填充灰度为 153
ellipse(132, 82, 200, 200);
noFill(); //关闭填充
ellipse(228, -16, 200, 200);
noStroke(); // 关闭轮廓线条
ellipse(268, 118, 200, 200); // 这个图形不会被绘制
大家可以尝试将 noStroke() 语句注释掉,再次运行看一下运行结果,如第二张图所示效果


7、绘制彩色的图形
size(480, 120);
noStroke();
smooth();
background(0, 26, 51); // 设置背景颜色
fill(255, 0, 0); // 填充红色
ellipse(132, 82, 200, 200); // 红色圆弧
fill(0, 255, 0); // 填充绿色
ellipse(228, -16, 200, 200); // 绿色圆弧
fill(0, 0, 255); // 填充蓝色
ellipse(268, 118, 200, 200); // 蓝色圆弧

8、改变图形填充眼色的深度
输入代码:
size(480, 120);
noStroke();
smooth();
background(204, 226, 225); // 设置背景颜色
fill(255, 0, 0, 160); // 填充为红色,深度 160
ellipse(132, 82, 200, 200); // 红色圆形
fill(0, 255, 0, 160); //填充为绿色,深度 160
ellipse(228, -16, 200, 200);
fill(0, 0, 255, 160); //填充为蓝色,深度 160
ellipse(268, 118, 200, 200);
