カスタム形状に2次ベジエ曲線セグメントを追加します。
quadraticVertex()はカスタム形状に曲線セグメントを追加します。作成される ベジエ曲線セグメントは、bezierVertex()関数で 作成されるものに似ています。quadraticVertex()は beginShape()と endShape()関数の間で呼び出す必要があります。曲線セグメントは 前の頂点を最初のアンカーポイントとして使用するため、quadraticVertex()を 使用する前に少なくとも1回のvertex()の呼び出しが 必要です。
最初の2つのパラメータ、cxとcyは、曲線の制御点を設定します。 制御点は曲線をその方向に「引っ張る」役割をします。
最後の2つのパラメータ、x3とy3は、最後のアンカーポイントを設定します。 最後のアンカーポイントは曲線が終わる場所です。
ベジエ曲線はWebGLモードを使用して3Dでも描画できます。3Dバージョンの bezierVertex()は8つの引数を持ちます。各点がx、y、z座標を 持つためです。
注意：quadraticVertex()は beginShape()に引数が渡された場合は 機能しません。
実例
シンタックス
quadraticVertex(cx, cy, x3, y3)quadraticVertex(cx, cy, cz, x3, y3, z3)パラメーター
cx
Number:
制御点のx座標。
cy
Number:
制御点のy座標。
x3
Number:
アンカーポイントのx座標。
y3
Number:
アンカーポイントのy座標。
cz
Number:
制御点のz座標。
z3
Number:
アンカーポイントのz座標。
Notice any errors or typos? Please let us know. Please feel free to edit src/core/shape/vertex.js and open a pull request!