Day 3 - Shouting Tornado

After relying primarily on mouse inputs to do the drawing, I wanted to take a step towards letting the computer do the work. I know, this looks nothing like the previous tornado, but on my way to figuring out how to automate I landed here and liked it, so decided to stop for today. I also started getting into variables and loops, but they hurt my brain, so those will be other lessons for other days.

Sketch:

https://editor.p5js.org/chelseamwatson/present/NQ8EgYQO9

---

Code:

let y = 0
let x = 700

function setup() {
  createCanvas(700, 700);
  background(30);
  stroke(30);
  strokeWeight(20);

}

function draw() {
  fill(y, y / 2, y / 2, 100);
  y = y + 20
  x = x - 20
  ellipse(x, y, x / 1.5, x / 1.5);
  if (y > 500) {
    noLoop()
  }
}

---