Referencia endShape()

endShape()

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 su adición.

El primer parámetro, mode, es opcional. Por defecto, el primer y último vértice de una forma no están conectados. Si se pasa la constante CLOSE, como en endShape(CLOSE), el primer y último vértice estarán conectados.

El segundo parámetro, count, también es opcional. En el modo WebGL, es más eficiente dibujar muchas copias de la misma forma utilizando una técnica llamada instanciación. El parámetro count indica cuántas copias dibujar en el modo WebGL. Por ejemplo, llamar a endShape(CLOSE, 400) después de dibujar una forma personalizada hace que sea eficiente dibujar 400 copias. Esta característica requiere escribir un shader personalizado.

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 será delineada con el color de trazo actual y rellenada 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()

Ejemplos

Sintaxis

endShape([mode], [count])

Parámetros

mode

usa CLOSE para cerrar la forma

count

número de veces que deseas dibujar/instanciar la forma (para modo WebGL).

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