Scene 2. Shapes and math

circle(width/2, mouseY - 100, mouseX * 0.3);

animals = ["belonging to the emperor", "embalmed", "tame", "suckling pigs"];

animals.forEach(animal => {
    console.log(animal);
});

animals = ["belonging to the emperor", "embalmed", "tame", "suckling pigs"];

animals.forEach(animal => {
    draw(animal);
    animate(animal);
    interact_with(animal);
    ...
});

animals = ["belonging to the emperor", "embalmed", "tame", "suckling pigs"];

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  
  animals.forEach(animal => {
      text(animal, mouseX, mouseY);
  });
}

sizes = [30, 50, 60, 70, 30, 10, 5]; // I made them up!

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(200);
  noFill();
  sizes.forEach(size => {
    circle(width/2, height/2, size * 5)
  })
}

sizes = [30, 50, 60, 70, 30, 10, 5];

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  angle = height/mouseY * 2;
  // noStroke();
  sizes.forEach((size, index) => { // NB. the second argument index
    ellipse(width/2,               // center horizontally along x
            100 + (1/index) * 200, // lay them vertically along y
            size*5,                // stretch horizontally
            size*0.3*angle)        // squeeze vertically
  })
}

points = [[10, 40],
          [50, 60],
          [30, 150],
          [340, 250],
          [180, 100]
         ];

function setup() {
  createCanvas(400, 200);
}

function draw() {
  background("white");
  strokeWeight(6);
  points.forEach(point => {
                line(point[0], 0, point[1], height)
  });
}