Referencia beginShape()

beginShape()

Comienza a agregar vértices a una forma personalizada.

Las funciones beginShape() y endShape() permiten crear formas personalizadas en 2D o 3D. beginShape() comienza a agregar vértices a una forma personalizada y endShape() detiene el proceso.

El parámetro kind define el tipo de forma a crear. Por defecto, se puede dibujar cualquier polígono irregular. Los modos disponibles para el tipo de forma son:

  • POINTS para dibujar una serie de puntos.
  • LINES para dibujar una serie de segmentos de línea no conectados.
  • TRIANGLES para dibujar una serie de triángulos separados.
  • TRIANGLE_FAN para dibujar una serie de triángulos conectados que comparten el primer vértice en forma de abanico.
  • TRIANGLE_STRIP para dibujar una serie de triángulos conectados en forma de tira.
  • QUADS para dibujar una serie de cuadriláteros separados.
  • QUAD_STRIP para dibujar una tira de cuadriláteros utilizando bordes adyacentes para formar el siguiente cuadrilátero.
  • TESS para crear una curva de relleno mediante teselación explícita (solo para WebGL).

Después de llamar a beginShape(), se pueden construir formas llamando a vertex(), bezierVertex(), quadraticVertex(), y/o curveVertex(). Llamar a endShape() detendrá la adición de vértices a la forma. Cada forma se delineará con el color de trazo actual y se rellenará con el color de relleno actual.

Las transformaciones como translate(), rotate(), y scale() no funcionan entre beginShape() y endShape(). Tampoco es posible usar otras formas, como ellipse() o rect(), entre beginShape() y endShape().

Ejemplos

Sintaxis

beginShape([kind])

Parámetros

kind

ya sea POINTS, LINES, TRIANGLES, TRIANGLE_FAN, TRIANGLE_STRIP, QUADS, QUAD_STRIP o 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!

Referencias Relacionadas