-
06 円を描いてみよう-円の移動４
円の横移動 CIRCLE-0600 円を小さくしながら、横方向に移動します。 [crayon-69af6af698d84518095169/] CIRCLE-0601 両方向からも移動してみます。 [crayon-69af6af698d8d832936054/] 応用例 応用例 ヘッダー画像はChatGTPで作成しました。 -
05 円を描いてみよう-円の移動３
円を2D図形上を移動させよう CIRCLE-0500 円を少しづつ大きくしてX軸上を往復運動させるプログラムです。 [crayon-69af6af699235356057031/] 参考 X1ターボ／X1シリーズ・プログラム200選 特選グラフィックスデザイン 共著；畠中兼司・北尾和信 発行日... -
04 円を描いてみようー円の移動2
円を平面上で移動させよう CIRCLE-0400 円をジグザグに移動させてみましょう。 [crayon-69af6af6994b8349866982/] 応用例 凸凹上を移動する円を描きます。% 剰余を使って進行方向を変えています。 [crayon-69af6af6994bc893282586/] 繊に色を付け、塗りつ... -
03 円を描いてみようー円の移動1
円を直線上で移動させよう CIRCLE-0300 円を直線上で移動させます。for文でxの位置を移動させているだけの単純なものです。 [crayon-69af6af69974f883917695/] CIRCLE-0301 応用例です。線をレインボーカラーのグラデーションにしてみましょう。レインボ... -
02 円のパターン-円を並べる
円を重ねて並べる Pattern-0200 円を重ねて画面全面に並べてみましょう。 [crayon-69af6af6999bd884158477/] Pattern-0201 円を半円にしてみます。今度は円弧を使って描きます。 [crayon-69af6af6999c1642834026/] Pattern-0202 開始・終了角度や少しの... -
01 円を描いてみよう-円を並べる
円を並べる CIRCLE-0200 円を画面全面に並べてみましょう。システム変数width, heightとfor文、circle()を使います。 [crayon-69af6af699d40921421150/] 端が切れていて見苦しいので修正しましょう。画面内に円がおさまるようにd/2（半径）から繰り返しを... -
01 円を描いてみようー円の基本
円を描く5つのスタイル プロセシングには円が描ける構文が5つあります。circle()、ellipse()、arc()、verex()、point()です。それぞれ特徴があり、circle()は真円のみ、ellipse()は楕円（長円）を描き、幅と高さを同じにすると円になります。（円は楕円の... -
01 点を描いてみよう
POINT-0100 点を描いてみましょう。キャンバスの大きさは400×400ピクセルにします。キャンバスのセンターに描きます。点の描画にはpoint()関数を使います。点はデフォルトでは1ピクセルになるので、見えにくいため10ピクセルにしています。 [crayon-69af6... -
05 線を描いてみようーランダムな線
ランダムな線 LINE-0500 ランダムな水平線を描いてみます。０〜height未満の間でランダムなY座標を生成します。 [crayon-69af6af69a990828914665/] 乱数を生成 構文random(high)random(low, high)擬似乱数を生成します。パラメータが一つの場合は0〜high... -
04 線を描いてみようーvertexを使う
直線の方程式 LINE-0400 基本的な直線の方程式を紹介します。まず直交座標を描きます。これは位置関係を分かりやすくするためのものです。その後 translate()で原点をセンターに移動します。そうするとY軸の上の方がマイナスになるのでscale(1, -1)で上下...
