processing– tag –

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

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

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

円を描く5つのスタイル プロセシングには円が描ける構文が5つあります。circle()、ellipse()、arc()、verex()、point()です。それぞれ特徴があり、circle()は真円のみ、ellipse()は楕円（長円）を描き、幅と高さを同じにすると円になります。（円は楕円の...

POINT-0100　点を描いてみましょう。キャンバスの大きさは400×400ピクセルにします。キャンバスのセンターに描きます。点の描画にはpoint()関数を使います。点はデフォルトでは1ピクセルになるので、見えにくいため10ピクセルにしています。 [crayon-69127...

ランダムな線 LINE-0500　ランダムな水平線を描いてみます。０〜height未満の間でランダムなY座標を生成します。 [crayon-69127614db86f783658656/] 乱数を生成 構文random(high)random(low, high)擬似乱数を生成します。パラメータが一つの場合は0〜high...

直線の方程式 LINE-0400　基本的な直線の方程式を紹介します。まず直交座標を描きます。これは位置関係を分かりやすくするためのものです。その後 translate()で原点をセンターに移動します。そうするとY軸の上の方がマイナスになるのでscale(1, -1)で上下...

放射状の線を描く LINE-0300　三角関数を使用する円の方程式で放射状の線を描いてみましょう。画面の中心を原点にするためtranslate()関数で座標を移動させます。移動するとy軸の上方向がマイナスになります。上方向はプラスにしたいのでscale()関数で軸を...

繰り返して直線を描く LINE-0200　繰り返し文を使用して直線を複数描いてみましょう。繰り返しにはfor文を使用します。この場合 i は1から始まって７まで変化します。その変化した値をY座標に掛けて、下方向へ移動して線を描いていきます。コード内の//は...

プロセシングの2つのスタイル プロセシングには静止画と動画用の2つのプログラミングスタイルがあります。静的スケッチ（Static Sketch）は静止画用でシンプルな記述スタイルです。能動的スケッチ（Active Sketch）は動画用で void setup() 初期設定とvoid...