Processing 004 绘制基本图形

Processing 004 绘制基本图形

processing 中包含一些绘制基本图形的函数，常用的有：

绘制矩形

void setup() {
  size(680, 480);
  background(0); 
  rect(50, 50, 150, 150); // top， left ， width， height
}

在指定位置绘制矩形，processing 左上角为坐标原点(0, 0), x 轴朝右 y 轴线向下， 50 50 是左上角坐标， 150 150 是宽和高

也可以改变模式，不用左上角定位，而是用中心定位

void setup() {
  size(680, 480);
  background(0); 
  rectMode(CENTER);
  rect(width / 2, height / 2, 150, 150); // top， left ， width， height
}

还有其他模式，就不赘述了

绘制圆

void setup() {
  size(680, 480);
  
  background(0); 
 
  circle(width/2,height/2,100); // 圆心坐标（x, y） 直径 d
}

绘制椭圆

void setup() {
  size(680, 480);
  
  background(0); 
  
  ellipse(width/2,height/2,680, 480); // 椭圆中心， 长轴长和短轴长
}

也可以直接用椭圆工具绘制圆

void setup() {
  size(680, 480);
  
  background(0); 
 
  ellipse(width/2,height/2,300, 300); // 椭圆中心， 长轴长和短轴长相等时为圆
}

画笔颜色、填充颜色

stroke 可以设置颜色，除了用之前介绍的方式外，也可以用 16进制表示法

void setup() {
  size(680, 480);
  
  background(0); 
  
  stroke(#FF0000); // rgb
  
  ellipse(width/2,height/2,680, 480); // 椭圆中心， 长轴长和短轴长
}

绘制封闭图形除了画笔颜色之外还有填充颜色，画笔颜色默认为黑色、填充颜色默认为白色，stroke可以设置画笔颜色，fill可以设置填充颜色

void setup() {
  size(680, 480);
  
  background(0); 
  
  stroke(#FF0000); // rgb
  fill(#FFFF00);
  ellipse(width/2,height/2,680, 480); // 椭圆中心， 长轴长和短轴长
}

也可以选择不填充 noFill

void setup() {
  size(680, 480);
  
  background(0); 
  
  stroke(#FF0000); // rgb
  noFill();
  ellipse(width/2,height/2,680, 480); // 椭圆中心， 长轴长和短轴长
}

设置画笔粗细

用 strokeWeight 可以设置画笔粗细

void setup() {
  size(680, 480);
  background(0); 
  strokeWeight(10);
  stroke(#FF0000); // rgb
  ellipse(width/2,height/2,680, 480); // 椭圆中心， 长轴长和短轴长
}

设置的作用范围

设置的效果在设置后所有的图形都有效，如果想改变颜色，在绘制每一个图形之前都设置一下。

void setup() {
  size(680, 480);
  background(111); 
  stroke(#FF0000); // rgb

  noFill();
  ellipse(width/2,height/2,100, 150); // 椭圆中心， 长轴长和短轴长

  rect(100, 100, 50, 100);
  
  fill(#FFFFFF);
  ellipse(500,400,50, 50); // 椭圆中心， 长轴长和短轴长
}