参考 beginShape()

beginShape()

开始向自定义形状添加顶点。

beginShape()endShape() 函数 可以用来创建自定义的 2D 或者 3D 形状。beginShape() 开始添加顶点到自定义形状,而 endShape() 则停止添加。

参数 kind 设置要创建的形状的种类。默认情况下,可以绘制任何 不规则多边形。kind 可用的模式有:

  • POINTS 绘制一系列点。
  • LINES 绘制一系列不相连的线段。
  • TRIANGLES 绘制一系列单独的三角形。
  • TRIANGLE_FAN 以扇形方式绘制一系列连接的三角形,共享第一个顶点。
  • TRIANGLE_STRIP 以条带方式绘制一系列连接的三角形。
  • QUADS 绘制一系列单独的四边形(四边形)。
  • QUAD_STRIP 使用相邻边绘制四边形条带形式。
  • TESS 通过显式细分创建填充曲线(仅限 WebGL)。

调用 beginShape() 后,可以通过用 vertex()bezierVertex()quadraticVertex(), 和/或 curveVertex() 来构建形状。调用 endShape() 将停止向 形状添加顶点。每个形状都将用当前的描边颜色勾勒出轮廓,并填充当前的填充颜色。

translate()rotate(),和 scale() 等变换图形的函数不适用于 beginShape()endShape() 之间。也不能在 beginShape()endShape() 之间使用其他形状,比如 ellipse()rect()

示例

语法

beginShape([kind])

参数

kind
Constant:

either POINTS, LINES, TRIANGLES, TRIANGLE_FAN TRIANGLE_STRIP, QUADS, QUAD_STRIP or TESS.

Notice any errors or typos? Please let us know. Please feel free to edit src/core/shape/vertex.js and open a pull request!

相关参考