221026a

let palettes = [

  ['#6b2d5c', '#f0386b', '#ff5376', '#e391db', '#f8c0c8'],

  ['#ffe957', '#eec170', '#f2a65a', '#f58549', '#ff6c3f'],

  ['#073b3a', '#0b6e4f', '#08a045', '#6bbf59', '#71deb2'],

  ['#c52233', '#a51c30', '#a7333f', '#74121d', '#580c1f'],

  ['#03045e', '#0077b6', '#00b4d8', '#90e0ef', '#caf0f8'],

  ['#f8f9fa', '#dee2e6', '#adb5bd', '#495057', '#212529']

];

let SEED = Math.floor(Math.random() * 1000000);

let forms = [];

​

function setup() {

  createCanvas(900, 900);

  rectMode(CENTER);

  let seg = 25;

  let w = width / seg;

  for (let i = 0; i < seg; i++) {

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

      let x = i * w + w / 2;

      let y = j * w + w / 2;

      forms.push(new Form(x, y, w));

    }

  }

}

​

function draw() {

  background(255);

  for (let f of forms) {

    f.show();

    f.move();

  }

}

​

function form(x, y, w) {

  let num = int(5);

  let d = dist(width / 2, height / 2, x, y);

  let c = int(map(d, 0, sqrt(sq(width / 2) + sq(height / 2)), 0, palettes.length * 2) + frameCount * 0.5);

  let colors = palettes[c % palettes.length];

​

  for (let i = 0; i < num; i++) {

    let r = map(i, 0, num, 0, w / 2);

    let ww = map(i, 0, num, w, 0);

    let col = colors[i % colors.length];

    fill(col);

    rect(x, y, ww, ww, r);

  }

}

​

class Form {

  constructor(x, y, w) {

    this.x = x;

    this.y = y;

    this.w = w;

    this.palettes = [];

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

      let c = []

      shuffle(palettes[i], true);

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

        c.push(palettes[i][j]);

      }

      this.palettes.push(c);

    }

    this.num = 5;

    this.colors = [];

  }

​

  show() {

    let d = dist(width / 2, height / 2, this.x, this.y);

    let c = int(map(d, sqrt(sq(width / 2) + sq(height / 2)), 0, 0, palettes.length) + frameCount * 0.02);

    this.colors = this.palettes[c % palettes.length];

    for (let i = 0; i < this.num; i++) {

      let r = map(i, 0, this.num, 0, this.w / 2);

      let ww = map(i, 0, this.num, this.w, 0);

      let col = this.colors[i % this.colors.length];

      fill(col);

      rect(this.x, this.y, ww, ww, r);

    }

  }

​

  move() {

​

  }

}