Racers

var racerSize = 40;
var racer1X = 0;
var racer1speed; //We can create a variable and assign it to a number up here, but can't use functions here. If you want to assign a random number to a variable, do it in the setup function.
var racer2X = 0;
var racer2speed; 
var racer3X = 0;
var racer3speed; 
var racer4X = 0;
var racer4speed;
var startY = 100;


function setup() {
  createCanvas(600, 500);
  racer1speed = random(0, 4);
  racer2speed = random(0, 4);
  racer3speed = random(0, 4);
  racer4speed = random(0, 4);
}

function draw() {
  background(200, 225, 255);

  strokeWeight(4);
  stroke(0)
  line(580, 0, 580, height);


  strokeWeight(1)

  ellipse(racer1X, startY, racerSize, racerSize);
  ellipse(racer2X, startY * 2, racerSize, racerSize);
  ellipse(racer3X, startY * 3, racerSize, racerSize);
  ellipse(racer4X, startY * 4, racerSize, racerSize);
  
  racer1X += racer1speed;
  racer2X += racer2speed;
  racer3X += racer3speed;
  racer4X += racer4speed;
  
//Extra challenge: Have the racers change speed halfway through the race!  
  // if(racer1X > width/2){
  //   racer1speed = random(4,10);
  // }
  
}