rectMode()

長方形と正方形の描画方法を変更します。

デフォルトでは、rect()とsquare()の最初の2つのパラメータは、 図形の左上隅のx座標とy座標です。次のパラメータは 図形の幅と高さを設定します。これはrectMode(CORNER)を呼び出すのと同じです。

rectMode(CORNERS)も最初の2つのパラメータを 角の1つの位置として使用します。次のパラメータは反対側の 角の位置です。このモードはrect()でのみ機能します。

rectMode(CENTER)は最初の2つのパラメータを図形の中心の x座標とy座標として使用します。次のパラメータはその幅と 高さです。

rectMode(RADIUS)も最初の2つのパラメータを図形の中心の x座標とy座標として使用します。次のパラメータは 図形の幅と高さの半分です。

rectMode()に渡される引数は大文字で書く必要があります。なぜなら CENTER、RADIUS、CORNER、CORNERSという定数が このように定義されているからです。JavaScriptは大文字と小文字を区別する言語です。