curveVertex()

カスタムシェイプにスプライン曲線セグメントを追加します。

curveVertex()はカスタムシェイプに曲線セグメントを追加します。 作成される曲線はcurve()関数で作成されるものと 同様に定義されます。curveVertex()は beginShape()と endShape()関数の間で 呼び出す必要があります。

スプライン曲線は、緩やかに傾斜する形状や曲線を形成できます。これらは 一連の点に取り付けられたケーブルのようなものです。スプラインは2つの アンカーポイントと2つの制御点によって定義されます。曲線を描くためには、 curveVertex()をbeginShape()と endShape()の間で少なくとも4回 呼び出す必要があります：

beginShape();

// 最初の制御点を追加
curveVertex(84, 91);

// 描画するアンカーポイントを追加
curveVertex(68, 19);
curveVertex(21, 17);

// 2番目の制御点を追加
curveVertex(32, 91);
endShape();

上記のコードスニペットは、curve()関数と 同様に、アンカーポイント間の曲線のみを描画します。制御点とアンカーポイント間の セグメントは、制御点の座標でcurveVertex()を呼び出すことで 描画できます：

beginShape();

// 最初の制御点を追加し、そこまでのセグメントを描画
curveVertex(84, 91);
curveVertex(84, 91);

// 描画するアンカーポイントを追加
curveVertex(68, 19);
curveVertex(21, 17);

// 2番目の制御点を追加
curveVertex(32, 91);

// 2番目の制御点までのセグメントを描画するには、次の行のコメントを解除してください
// curveVertex(32, 91);

endShape();

最初の2つのパラメータ、xとyは、頂点の位置を設定します。 例えば、curveVertex(10, 10)を呼び出すと、(10, 10)の 位置に点が曲線に追加されます。

スプライン曲線はWebGLモードを使用して3Dでも描画できます。3Dバージョンの curveVertex()は、各点がx、y、z座標を持つため、3つの引数を 持ちます。デフォルトでは、頂点のz座標は0に設定されます。

注意：curveVertex()はbeginShape()に 引数が渡された場合は機能しません。