crossy road (but store brand)

var x,y;

var ww,wh;

var r,g,b;

var carX, carY;

var carsp;

var car2X,car2Y, car2sp;

var car3X,car3Y, car3sp;

var car4X,car4Y, car4sp;

var car5X,car5Y, car5sp;

var car6X,car6Y, car6sp;

var timer

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

  ww = windowWidth;

  wh = windowHeight;

  x=ww/2;

  y=wh-70;

  //car1 bottom

  carX=10;

  carY=(wh/10*6.7)- 50 -20;

  carsp=18;

  //car2 middle

  car2X=100;

  car2Y=(wh/10*4)- 50 -20;

  car2sp=21;

  //car3 top

  car3X=100;

  car3Y=(wh/6)- 50 -20;

  car3sp=26;

    //car4 top

  car4X=300;

  car4Y=(wh/6)- 50 -20;

  car4sp=26;

    //car5 middle

  car5X=0;

  car5Y=(wh/10*4)- 50 -20;

  car5sp=26;

  //car6 bottom

  car6X=300;

  car6Y=(wh/10*6.7)- 50 -20;

  car6sp=23;

  //timer

  timer=300;

}

​

​

function draw() {

    timer --;

  noStroke();

  //background

  background(132, 170, 112);

  fill(60,60,60);

  rect(0,70,ww,150);

  rect(0,300,ww,150);

  rect(0,530,ww,150);

  //mc

  fill(255, 166, 114);

  rect(x,y,40,40);

  //movement

    if(key === 'w') {

      y -= 6;

    } if (key === 'a') {

      x -= 4;

    } if (key === 'd') {

      x+=4;

  }

  //ALL MOVING CARS (6)

  //car1

  fill(216, 92, 58);

  rect(carX,carY,150,80);

  fill(0);

  ellipse(carX+30,carY+90,40,40);

  ellipse(carX+120,carY+90,40,40);

  //car1animation

  carX+=carsp;

  if(carX>ww+100) {

    carX=-100;

  }

  //car2

    fill(216, 92, 58);

  rect(car2X,car2Y,150,80);

  fill(0);

  ellipse(car2X+30,car2Y+90,40,40);

  ellipse(car2X+120,car2Y+90,40,40);

  //car1animation

  car2X+=car2sp;

  if(car2X>ww+100) {

    car2X=-100;

  }

  //car3

    fill(216, 92, 58);

  rect(car3X-700,car3Y,150,80);

  fill(0);

  ellipse(car3X-670,car3Y+90,40,40);

  ellipse(car3X-580,car3Y+90,40,40);

  //car1animation

  car3X+=car3sp;

  if(car3X>ww+700) {

    car3X=-100;

  }

    //car4

    fill(216, 92, 58);

  rect(car4X,car4Y,150,80);

  fill(0);

  ellipse(car4X+30,car4Y+90,40,40);

  ellipse(car4X+120,car4Y+90,40,40);

  //car1animation

  car4X+=car4sp;

  if(car4X>ww+100) {

    car4X=-100;

  }

      //car5

    fill(216, 92, 58);

  rect(car5X,car5Y,150,80);

  fill(0);

  ellipse(car5X+30,car5Y+90,40,40);

  ellipse(car5X+120,car5Y+90,40,40);

  //car1animation

  car5X+=car5sp;

  if(car5X>ww+100) {

    car5X=-100;

  }

      //car6

    fill(216, 92, 58);

  rect(car6X,car6Y,150,80);

  fill(0);

  ellipse(car6X+30,car6Y+90,40,40);

  ellipse(car6X+120,car6Y+90,40,40);

  //car1animation

  car6X+=car6sp;

  if(car6X>ww+100) {

    car6X=-100;

  }

  //HIT BY CAR: LOSE

    //hit by car1

  var d = dist(carX, carY, x,y);

  if(d <70){

    carsp = 0;

    y = carY;

    x = carX;

    //text

    background(0);

    fill(255);

    text("Game Over!",ww/2,wh/2);

  }

      //hit by car2

  var d = dist(car2X, car2Y, x,y);

  if(d < 70){

    car2sp = 0;

    y = car2Y;

    x = car2X;

    //text

    background(0);

    fill(255);

    text("Game Over!",ww/2,wh/2);

  }

      //hit by car3

  var d = dist(car3X, car3Y, x,y);

  if(d < 70){

    car3sp = 0;

    y = car3Y;

    x = car3X;

    //text

    background(0);

    fill(255);

    text("Game Over!",ww/2,wh/2);

  }

        //hit by car4

  var d = dist(car4X, car4Y, x,y);

  if(d < 70){

    car4sp = 0;

    y = car4Y;

    x = car4X;

    //text

    background(0);

    fill(255);

    text("Game Over!",ww/2,wh/2);

  }

    //hit by car5

  var d = dist(car5X, car5Y, x,y);

  if(d < 70){

    car5sp = 0;

    y = car5Y;

    x = car5X;

    //text

    background(0);

    fill(255);

    text("Game Over!",ww/2,wh/2);

  }

  //hit by car6

  var d = dist(car6X, car6Y, x,y);

  if(d < 70){

    car6sp = 0;

    y = car6Y;

    x = car6X;

    //text

    background(0);

    fill(255);

    text("Game Over!",ww/2,wh/2);

  }

    //timer

fill(255);

  textSize(30);

  text("timer: " + int(timer/30), 100,100);

  if (timer<0) {

    background(0);

    fill(255);

    text("Game Over!",ww/2,wh/2);

  }

    //MAKE IT TO THE END: WIN

  if (y<-100){

    background(255, 237, 140);

    fill(0);

    text("You win! What a fantastic job!",ww/2-100,wh/2);

  }

}