p5.jsドリル

99-02 アート２

Posted on by yuichi

アートに挑戦しよう！

例題99-2-1

ランダムな円が揺れ動く

コード

function setup() {
  createCanvas(600, 400);
  background(255);
}

let x = 300;
let y = 200;
let r = 180;

function draw() {
  fill(255, 10);
  noStroke();
  rect(0, 0, 600, 400);

  x = x + random(-5, 5);
  y = y + random(-5, 5);

  for (let i = 0; i < 10; i++) {
    noFill();
    stroke(random(255), random(255), 255);
    ellipse(x + random(-10, 10), y + random(-10, 10), r, r);
  }
}

結果

練習問題99-2-1

例題1-13-1のiとjの範囲を変えてトレースしなさい。

練習問題99-2-2

２重ループを使って、各個人の３教科の点数と平均点を表示しなさい。

コード

function setup() {
  createCanvas(400, 400);
  let score = [[78, 81, 90],
               [65, 70, 80],
               [81, 88, 92],
               [68, 65, 70]];

}

結果