quad()

四辺形(四角形)を描画します。

四辺形には、長方形、正方形、菱形、台形などがあります。最初の一対のパラメータ (x1, y1) は四辺形の最初の点を設定します。次の 三対のパラメータは、次の三つの点の座標を設定します (x2, y2)(x3, y3)、および (x4, y4)。 点は時計回りまたは反時計回りの順序で追加する必要があります。

12個のパラメータを持つ quad() のバージョンでは、四辺形を3D空間に描画できます。 これを行うには、createCanvas()WEBGL 引数を追加する必要があります。

13番目と14番目のパラメータはオプションです。WebGLモードでは、x方向と y方向に四辺形を描画するために使用されるセグメントの数を設定します。デフォルトでは両方とも2です。

実例

シンタックス

quad(x1, y1, x2, y2, x3, y3, x4, y4, [detailX], [detailY])
quad(x1, y1, z1, x2, y2, z2, x3, y3, z3, x4, y4, z4, [detailX], [detailY])

パラメーター

x1
Number:

最初の点のx座標。

y1
Number:

最初の点のy座標。

x2
Number:

2番目の点のx座標。

y2
Number:

2番目の点のy座標。

x3
Number:

3番目の点のx座標。

y3
Number:

3番目の点のy座標。

x4
Number:

4番目の点のx座標。

y4
Number:

4番目の点のy座標。

detailX
Integer:

x方向のセグメント数。

detailY
Integer:

y方向のセグメント数。

z1
Number:

最初の点のz座標。

z2
Number:

2番目の点のz座標。

z3
Number:

3番目の点のz座標。

z4
Number:

4番目の点のz座標。

Notice any errors or typos? Please let us know. Please feel free to edit src/core/shape/2d_primitives.js and open a pull request!

関連するリファレンス