【作品No.25】noLoopを書かない【p5.js 2025年1月23日】

// 参考にさせていただいた本
// クリエイティブコーディングの参考書
// 139ページ中の43ページ目

let colors = ["#edafb8","#f7e1d7","#dedbd2","#b0c4b1","#4a5759"];

function setup() {
  createCanvas(400, 400);
  angleMode(DEGREES);
  noStroke();
}

function draw() {
  background("#f7e1d7");
  
  let d = 7;
  let r = 0;
  
  for (let i = 0; i < 540 * 10; i += 7) {
    let x = r * cos(i) + width / 2;
    let y = r * sin(i) + height / 2;
    
    fill(random(colors));
    rect(x, y, d, d);
    
    r += 0.5;
    d += 0.03; 
  }
}