200623

const COL = createCols("https://coolors.co/ddd8b8-b3cbb9-84a9c0-6a66a3-542e71");

​

function setup() {

  createCanvas(800, 800);

  colorMode(HSB, 360, 100, 100, 100);

  angleMode(CENTER);

  // ellipseMode(CENTER);

  noLoop();

}

​

function draw() {

  background(100);

  noStroke();

​

  let n = 30;

  for (let i = 0; i < n; i += 3) {

    for (let j = 0; j < n; j++) {

      let x = j * n;

      let y = i * n;

      push();

      drawingContext.shadowColor = color(292, 88, 26, 30);

      drawingContext.shadowBlur = 150;

      dropShadowRect(50 + random(x + 100), random(y + 100), random(100), 50, 30);

      pop();

    }

  }

}

​

​

function dropShadowRect(x, y, w, h, d) {

  for (let i = d; i > 0; i--) {

    push();

    translate(x + w / 1, y + h / 2);

    angleMode(DEGREES);

    fill(COL[int(random(COL.length))]);

    ellipse(random(10), w * i / d, h * i / d, random(30));

    fill(random(200),40,100);

    stroke(0, 0, 0, 30);

    strokeWeight(5);

    text("Hello", random(35), w * i / d, h * i / d, random(10));

    text("World！", random(15), w * i / d, h * i / d, random(10));

    pop();

  }

}

​

function createCols(_url) {

  let slash_index = _url.lastIndexOf('/');

  let pallate_str = _url.slice(slash_index + 1);

  let arr = pallate_str.split('-');

  for (let i = 0; i < arr.length; i++) {

    arr[i] = '#' + arr[i];

  }

  return arr;

}

​

//keyboardのどこかを押すと画像が保存できるCode

// function keyPressed(){save('pix.jpg'); }