JavaScript Features

let shapes = [];

let shapeType;

let shapeHue;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

}

​

function draw() {

  colorMode(HSB, 100);

  background(0, 0, 100);

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

    let shape = shapes[i];

    fill(shape.color);

    let x = shape.x;

    let y = shape.y;

    if (shape.shapeType === 'ellipse') {

      ellipse(x, y, 20, 20);

    } else if (shape.shapeType === 'rect') {

      rect(x, y, 20, 20);

    }

  }

}

​

function mousePressed() {

  shapeType = random(['ellipse', 'rect']);

  shapeHue = random(100);

} 

​

function mouseDragged() {

  let shapeColor = color(shapeHue, 50, 100);

  let shape = {shapeType: shapeType, color: shapeColor, x: mouseX, y: mouseY};

  shapeHue = (shapeHue + 1) % 100;

  shapes.push(shape);

  if (shapes.length > 50) {

    shapes.shift();

  }

  return false;

}

​