rotate()

座標系を回転させます。

デフォルトでは、正のx軸は右を向き、正のy軸は下を向いています。rotate()関数は 原点を中心に座標系を回転させることで、この向きを変更します。 rotate()が呼び出された後に描画されるものはすべて回転して表示されます。

最初のパラメータangleは回転量です。例えば、 rotate(1)を呼び出すと、座標系が時計回りに1ラジアン(約57度)回転します。 rotate()は現在のangleMode()を使用して 角度値を解釈します。

2番目のパラメータaxisはオプションです。WebGLモードで3D回転の向きを 指定するために使用されます。p5.Vectorが渡された場合、 例えばrotate(QUARTER_PI, myVector)のように、座標系は myVectorを軸としてQUARTER_PIラジアン回転します。ベクトル成分の 配列が渡された場合、例えばrotate(QUARTER_PI, [1, 0, 0])のように、座標系は [1, 0, 0]の成分を持つベクトルを軸としてQUARTER_PIラジアン 回転します。

デフォルトでは、変換は累積されます。例えば、rotate(1)を2回呼び出すことは、 rotate(2)を1回呼び出すのと同じ効果があります。 push()関数とpop()関数を 使用して、個別の描画グループ内で変換を分離することができます。

注意:変換はdrawループの開始時にリセットされます。draw()関数内で rotate(1)を呼び出しても、図形は回転し続けません。

実例

シンタックス

rotate(angle, [axis])

パラメーター

angle
Number:

現在のangleMode()での回転角度。

axis
p5.Vector|Number[]:

3Dでの回転軸。

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

関連するリファレンス