02-10 ドットアート

マスのクリックでドットアートを作る。 例題2-10-1 描16×16のマスをクリックするたびに□と■の表示を交互に行う。画色を指定できるようにする。 コード 結果 練習問題2-10-1 各自ドットアートを描きなさい。

02-08 データ構造を考える

今まではf,x,yという3つの配列にデータを格納していたが、これをまとめて1つの配列にする。 ストの要素に辞書を使うことで1つにまとめることができる。個々の要素はA[i].f,A[i].x,A[i].yのように取得できる...

02-05 繰り返し1(模様)

2つの図形を交互に繰り返し模様を描く。どちらの図形を描くかは剰余を使って決める。 例題2-5-1 ■と●の繰り返し模様を描く。 コード 結果 例題2-5-2 □と■のデザインを描く。 コード 結果 練習問題2-5-1 結...

02-04 色をつける

直線や四角を描く際の色を指定する。 光の三原色の赤(Red)、緑(Green)、青(Blue)の各成分を0~255の値で示す。 r,g,b 例題2-4-1 blendMode(ADD)を指定すると色の加算ができる。赤+青...

02-03 円と四角を描く

円と四角を使って様々な模様を描く。 円や四角はデフォルトで中を塗りつぶすので、輪郭だけを描くにはnoFill()を指定する。 例題2-3-1 四角と円を描く。 コード 結果 例題2-3-2 同心円を描く。 コード 結果 ...

02-02 直線を描く

直線を使って様々な模様を描く。 始点のy座標は0、終点のy座標は110の固定で、x座標を10~110まで10きざみで描く。 例題2-2-1 縦棒を描く。 コード 結果 練習問題2-2-1 練習問題2-2-2 練習問題2-...