カスタム形状に頂点の追加を開始します。
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()の間では機能しません。また、 ellipse()や rect()などの他の形状をbeginShape()
と endShape()の間で使用することもできません。
実例
シンタックス
beginShape([kind])
パラメーター
kind
Constant:
POINTS、LINES、TRIANGLES、TRIANGLE_FAN、 TRIANGLE_STRIP、QUADS、QUAD_STRIP、または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!