alert("‼️How to play‼️\n•Hold the screen to lift the rocket\n•The direction of the rocket will change when it hits the border\n•Collect coins to increase score\n•At top-left corner, you can see five hearths which is your health, you have 5 health\n•Avoid the meteor otherwise the health will decrease\n•When the health will become equal to zero, the game will over") var w=innerWidth, h=innerHeight var space var start_scene=true var title var game_scene=false var score=0 var increase=1 var counter var game_over_scene=false var replay var player var ignite=1 var life var health=5 var life_num="" var collectables var x,y,x2,y2 var obstacles=[] var obstacles_img class Assets{ constructor(x,y,w,h,pic){ this.x=x this.y=y this.w=w this.h=h this.dx=2 this.dy=2 this.pic=pic } Jet(){ //rotate(90) stroke("black") fill("white") rect(this.x,this.y,this.w,this.h,100,100,0,0) fill("red") rect(this.x,this.y+20,this.w-60,this.h-20) rect(this.x+60,this.y+20,this.w-60,this.h-20) fill("blue") circle(this.x+20,this.y+20,15) circle(this.x+20,this.y+45,15) } Fly(){ this.y+=this.dy this.x+=this.dx ignite+=0.8 if(mouseIsPressed){ this.dy=-3 if(this.y<=0){ this.dy=0 } fill("yellow") ellipse(this.x+20,this.y+60,25+sin(ignite)*3,40+cos(-ignite)*3) } else{ this.dy=2 } if(this.x+60>w||this.x-20<0){ this.dx=-this.dx } if(this.y+this.h>h){ this.dy=0 if(mouseIsPressed){ this.dy=-3 } } this.Jet() } Meteors(){ image(this.pic,this.x,this.y,this.w,this.h) } Fire(){ this.y+=random(1,3) this.Meteors() if(this.y+this.h/2>h){ this.y=y2 } } Coin(){ fill("yellow") stroke("rgb(190,190,0)") circle(this.x,this.y,20) circle(this.x,this.y,15) fill("orange") text("$",this.x-4,this.y+5) } } preload=()=>{ space=loadImage("https://dl.dropbox.com/s/ez4mnwif2genop6/b1bdc1ae539dcbd1a7c33cef3e5f2d9a.gif?raw=1") obstacles_img=loadImage("https://dl.dropbox.com/s/zkv0kzqcvhoua5z/meteor0021.png?raw") } setup=()=>{ createCanvas(w,h).id('cnv') collideDebug(true) rectMode(CORNER) ellipseMode(CENTER) title=createSpan().id("info") replay=createSpan().id("info") counter=createSpan().id("score") life=createSpan().id("life") player=new Assets(w/2-20,h/2-30,40,60) x=random(22,w-22) y=random(22,h-40) collectables=new Assets(x,y) for(var i=0;i<5;i++){ x2=random(0,w-30) y2=random(-h*3,0-h/2) obstacles.push(new Assets(x2,y2,30,60,obstacles_img)) } } draw=()=>{ background(space) x=random(22,w-22) y=random(22,h-40) x2=random(0,w-30) y2=random(-h*3,0-h/2) if(start_scene==true){ title.html("

Space Tab

Click on the screen to start

") if(mouseIsPressed){ title.html("") replay.html("") start_scene=false game_scene=true } } if(game_scene==true){ counter.html("Score:"+score) life.html(life_num.repeat(health)) replay.html("") player.Fly() collectables.Coin() for(var i in obstacles){ obstacles[i].Fire() if(collideRectRect(player.x,player.y,player.w,player.h,obstacles[i].x,obstacles[i].y,obstacles[i].w,obstacles[i].h)==true){ obstacles[i].x=x2 obstacles[i].y=y2 health-=1 } } if(collideRectCircle(player.x,player.y,player.w,player.h,collectables.x,collectables.y,20)==true){ collectables.x=x collectables.y=y score+=increase } if(health==0){ counter.html("") life.html("") clear() game_scene=false game_over_scene=true } } if(game_over_scene==true){ replay.html("

Game over
Your score is "+score+"

Click on the screen to replay

") setTimeout(()=>{ if(mouseIsPressed){ score=0 health=5 game_over_scene=false game_scene=true } },2000) } }

Space Tab

Click on the screen to start

Game overYour score is "+score+"

Click on the screen to replay

Game over
Your score is "+score+"

Space Tab[Game]