var ground, invisibleGround, groundImage;

​

var cloud, cloudsGroup, cloudImage, obstacle1, obstacle2, obstacle3, obstacle4, obstacle5, obstacle6, obstacleGroup;

​

var newImage, score = 0;

​

function preload(){

  trex_running = loadAnimation("trex1.png","trex3.png","trex4.png");

  trex_collided = loadAnimation("trex_collided.png");

  groundImage = loadImage("ground2.png");

  cloudImage = loadImage("cloud.png");

  obstacle1 = loadImage("obstacle1.png");

  obstacle2 = loadImage("obstacle2.png");

  obstacle3 = loadImage("obstacle3.png");

  obstacle4= loadImage("obstacle4.png");

  obstacle5 = loadImage("obstacle5.png");

  obstacle6 = loadImage("obstacle6.png");

}

​

function setup() {

  createCanvas(600, 200);

​

  trex = createSprite(50,160,20,50);

  trex.addAnimation("running", trex_running);

  // trex.addAnimation("collided",trex_collided)

  trex.scale = 0.5;

  ground = createSprite(200,180,400,20);

  ground.addImage("ground",groundImage);

  ground.x = ground.width /2;

  ground.velocityX = -4;

  invisibleGround = createSprite(200,190,400,10);

  invisibleGround.visible = false;

  console.log("Hello" + 5);

}

​

function draw() {

  background(180);

  score = score +(frameCount / 60);

  score = Math.round(score);

  text("SCORE : " + score,  480, 50);

​

  if(keyDown("space")&& trex.y >= 100) {

    trex.velocityY = -10;

  }

  trex.velocityY = trex.velocityY + 0.8

  if (ground.x < 0){

    ground.x = ground.width/2;

  }

  trex.collide(invisibleGround);

  //spawn the clouds

  spawnClouds();

  drawSprites();

spawnObstacles();

}

​

function spawnClouds() {

  //write code here to spawn the clouds

  if (frameCount % 60 === 0) 

  {

    cloud = createSprite(600,100,40,10);

    cloud.addImage(cloudImage)

    cloud.y = Math.round(random(10,60))

    cloud.scale = 0.4;

    cloud.velocityX = -3;

    //assigning lifetime to the variable

    cloud.lifetime = 134

    //adjust the depth

    cloud.depth = trex.depth

    trex.depth = trex.depth + 1;

    }

}

​

​

function spawnObstacles()

{

  if(frameCount % 60 === 0)

  {  

  var cactus = createSprite(600, 165, 10, 10);

  cactus.velocityX = -3;

  var rand = Math.round(random(1, 6));

  switch(rand)

  {

    case 1 : cactus.addImage(obstacle1);

    break;

    case 2 : cactus.addImage(obstacle2);

    break; 

    case 3 : cactus.addImage(obstacle3);

    break;

    case 4 : cactus.addImage(obstacle4);

    break;

    case 5: cactus.addImage(obstacle5);

    break;

    case 6 : cactus.addImage(obstacle6);

    break

    default : break;

  }

    cactus.scale = 0.5;

    cactus.lifetime = 200;

    cactus.depth = trex.depth;

    trex.depth = trex.depth+1;

  }

}