プログラミングB #06

#06 繰り返し(2)


高尾俊介(takawo@konan-wu.ac.jp)
甲南女子大学 文学部 メディア表現学科 講師

 

図形描画との組み合わせ


繰り返し四角を描く
function setup() {
  createCanvas(400, 400);
  //カラーモードの設定
  colorMode(HSB, 360, 100, 100, 100);

  background(0, 0, 95);

  let cols = 10; // 列
  let cellW = width / cols;

  //x方向の繰り返し
  for (let i = 0; i < cols; i = i + 1) {
    let x = i * cellW;
    fill(0, 100, 100);
    stroke(0,0,100);
    rect(x, 0, cellW, 50); // 四角を繰り返し描く
  }
  //y方向に繰り返す四角をもう1つのfor文で書いてみよう  
}

x方向とy方向で繰り返す四角を描く

function setup() {
  createCanvas(400, 400);
  //カラーモードの設定
  colorMode(HSB, 360, 100, 100, 100);

  background(0, 0, 95);

  let cols = 10; // 列
  let cellW = width / cols;

  let rows = 10; // 行
  let cellH = height / rows;

  //x方向の繰り返し
  for (let i = 0; i < cols; i = i + 1) {
    let x = i * cellW;
    fill(0, 100, 100);
    stroke(0, 0, 100);