Processing 015 beginShape 不同类型

最新推荐文章于 2024-09-11 21:45:27 发布

SuperCandyXu

最新推荐文章于 2024-09-11 21:45:27 发布

阅读量229

点赞数 8

分类专栏： Processing 文章标签：笔记

本文链接：https://blog.csdn.net/weixin_37253733/article/details/139266470

版权

Processing 专栏收录该内容

18 篇文章 1 订阅

订阅专栏

Processing 015 beginShape 不同类型

1 beginShape()

  translate(300, 200);
  beginShape();
  vertex(0, 0);
  vertex(100, 0);
  vertex(100, 100);
  vertex(0, 100);
  endShape();

在这里插入图片描述将相邻两个点依次相连，不封口

2 endShape(CLOSE)

void setup(){
  size(680, 480);
  translate(300, 200);
  beginShape();
  vertex(0, 0);
  vertex(100, 0);
  vertex(100, 100);
  vertex(0, 100);
  endShape(CLOSE);
}

在这里插入图片描述
此时图形自动封闭

3. beginShape(POINTS)

按照点画，不连线

void setup(){
  size(680, 480);
  
  translate(300, 200);
  beginShape(POINTS);
  vertex(0, 0);
  vertex(100, 0);
  vertex(100, 100);
  vertex(0, 100);
  endShape();
}

在这里插入图片描述
什么也看不到

3. beginShape(LINES)

void setup(){
  size(680, 480);
  
  translate(300, 200);
  beginShape(LINES);
  vertex(0, 0);
  vertex(100, 0);
  vertex(100, 100);
  vertex(0, 100);
  endShape();
}

在这里插入图片描述

4. beginShape(QUADS)

void setup(){
  size(680, 480);
  
  translate(300, 100);
  beginShape(QUADS);
  vertex(0, 0);
  vertex(100, 0);
  vertex(100, 100);
  vertex(0, 100);
  
  vertex(0, 200);
  vertex(100, 200);
  vertex(100, 300);
  vertex(0, 300);
  endShape();
}

每四个点一个图形
在这里插入图片描述

5 beginShape(QUAD_STRIP);

void setup(){
  size(680, 480);
  
  translate(300, 100);
  beginShape(QUAD_STRIP);
  vertex(0, 0);
  vertex(100, 0);
  vertex(0, 100);
  vertex(100, 100);
  vertex(0, 200);
  vertex(100, 200);
  vertex(0, 300);
  vertex(100, 300);
  endShape();
}

这种模式适合连续操作，例如用一系列的四边形形成曲面
在这里插入图片描述

6 beginShape(TRIANGLES)

void setup(){
  size(680, 480);
  
  translate(300, 100);
  beginShape(TRIANGLES);
  vertex(0, 0);
  vertex(100, 0);
  vertex(0, 100);
  vertex(100, 100);
  vertex(0, 200);
  vertex(100, 200);
  vertex(0, 300);
  vertex(100, 300);
  vertex(0, 400);
  endShape();
}

类似的每三个点一个三角形
在这里插入图片描述

7 beginShape(TRIANGLE_STRIP)

void setup(){
  size(680, 480);
  
  translate(300, 100);
  beginShape(TRIANGLE_STRIP);
  vertex(0, 0);
  vertex(100, 0);
  vertex(0, 100);
  vertex(100, 100);
  vertex(0, 200);
  vertex(100, 200);
  vertex(0, 300);
  vertex(100, 300);
  vertex(0, 400);
  endShape();
}

同样的连续操作，每新增一个点和之前的两个点形成三角形
在这里插入图片描述

8 beginShape(TRIANGLE_FAN)

void setup(){
  size(680, 480);
  
  beginShape(TRIANGLE_FAN);
  int x = 300;
  int y = 300;
  
  vertex(x, y);
  for(float theta = 0; theta <= 2.001 * PI; theta += PI / 10){
      float Ax = x + 100 * cos(theta);
      float Ay = y + 100 * sin(theta);
      println(degrees(theta) , Ax, Ay);
      vertex(Ax, Ay);
  }
  endShape();
}