幾何学– tag –

四辺形を描く４つのスタイル プロセシングで四辺形を描くには、square() 正方形（矩形）、rect() 長方形、quad() 四角形、vertex()で４頂点を結ぶ方法で４種類あります。vertex()は04 線を描いてみようーvertexを使うで紹介しました。 square()で正方形を...

円弧の回転 ARC-0100　半円の円弧を回転させます。 [crayon-6832a9fed7af2266156588/] 幅500, 高さ400 幅500, 高さ190 回転角5度、72回移動 ARC-0101　開始・終了角度を変えると違ったパターンが生まれます。 開始角度0度、終了角度180度、回転角度10度 開...

楕円の回転 ELLIPSE-0100　楕円をrotate()で回転させます。 [crayon-6832a9fed7d43144912927/] 回転角を５度に hを120に変えたもの hを20に変えたもの ELLIPSE-0101　これに色を付けます。lerpColor(）でグラデーションにします。不透明度を下げて色を重ね...

同心円上に並ぶ円 CIRCLE-0700　同心円上に並ぶ円環の半径を次第に大きくしていきます。 [crayon-6832a9fed7f8d758825413/] r=r+r1+r1+a/2; //次の円の中心 r1=r1+a/2; //次の円の半径 a+=6; //次の円の拡大量 参考 X1ターボ／X1シリーズ・プログラム200選...

円の横移動 CIRCLE-0600　円を小さくしながら、横方向に移動します。 [crayon-6832a9fed80eb393158907/] CIRCLE-0601　両方向からも移動してみます。 [crayon-6832a9fed80f0851619743/] 応用例 応用例 ヘッダー画像はChatGTPで作成しました。

円を2D図形上を移動させよう CIRCLE-0500　円を少しづつ大きくしてX軸上を往復運動させるプログラムです。 [crayon-6832a9fed831e234596255/] 参考 X1ターボ／X1シリーズ・プログラム200選　特選グラフィックスデザイン　共著；畠中兼司・北尾和信　発行日...

円を平面上で移動させよう CIRCLE-0400　円をジグザグに移動させてみましょう。 [crayon-6832a9fed8584950046182/] 応用例 凸凹上を移動する円を描きます。% 剰余を使って進行方向を変えています。 [crayon-6832a9fed8587485795013/] 繊に色を付け、塗りつ...

円を直線上で移動させよう CIRCLE-0300　円を直線上で移動させます。for文でxの位置を移動させているだけの単純なものです。 [crayon-6832a9fed885e851007889/] CIRCLE-0301　応用例です。線をレインボーカラーのグラデーションにしてみましょう。レインボ...

円を重ねて並べる Pattern-0200　円を重ねて画面全面に並べてみましょう。 [crayon-6832a9fed8aac521413552/] Pattern-0201　円を半円にしてみます。今度は円弧を使って描きます。 [crayon-6832a9fed8ab0746543189/] Pattern-0202　開始・終了角度や少しの...

円を並べる CIRCLE-0200　円を画面全面に並べてみましょう。システム変数width, heightとfor文、circle()を使います。 [crayon-6832a9fed8d86500544522/] 端が切れていて見苦しいので修正しましょう。画面内に円がおさまるようにd/2（半径）から繰り返しを...