function yf(){ let cnv=document.getElementById("cnv"); let ctx=cnv.getContext("2d"); let e_sound=document.getElementById("e"); let bg_sound=document.getElementById("bg"); let interval; let score=0; let hscore=0; let CONTROL_PRESSED=false; let msg=[ ["Play","click to start"], ["Pause","click to continue"], ["Game Over","click to try again"] ]; let gamestates={ PLAY:0, START:1, PAUSE:2, GAMEOVER:3 }; let gamestate=gamestates.START; let scale=2; let params={ game:{w:600*scale,h:500*scale,tsize:40*scale,exp:[]},//window.innerWidth,h:window.innerHeight}, player:{w:30*scale,h:30*scale,speed:{x:5*scale,y:0*scale},j:-13*scale,v:1*scale}, floor:{ w:40*scale,height:6*scale, h:100*scale, current:0,map:[[],[]], p_y:[[0*scale,50*scale,-50*scale],[0*scale,50*scale],[0*scale,-50*scale]], p_x:[[[0*scale,100*scale],[80*scale],[60*scale,120*scale]],[[0*scale,100*scale],[80*scale]],[[0*scale,100*scale],[60*scale,120*scale]]] }, obstacle:{w:20*scale,current:0,map:[[],[]]} }; if(document.body.offsetWidth<600){ params.game.w=window.innerWidth*scale; } cnv.setAttribute("width",params.game.w); cnv.setAttribute("height",params.game.h); if(document.body.offsetHeight=flr.x && flr.x+flr.w>=this.pos.x){ this.cfloor=flr; }else if(this.pos.x>flr.x+flr.w){ this.cfloor={y:params.game.h*2}; } } for(let i in params.obstacle.map[params.obstacle.current]){ let obs=params.obstacle.map[params.obstacle.current][i]; if(this.pos.x+this.w>=obs.x && this.pos.x<=obs.x+obs.w && this.pos.y+this.h+this.speed.y+this.v>obs.y && this.pos.y<=obs.y+obs.h){ e_sound.currentTime=0; e_sound.play(); explosion(this.pos.x+this.w,this.pos.y); gamestate=gamestates.GAMEOVER; } } if(this.pos.y+this.h==this.cfloor.y || (this.pos.y+this.h<=this.cfloor.y && this.pos.y+this.h+this.speed.y+this.v>=this.cfloor.y)){ this.speed.y=0; this.pos.y=this.cfloor.y-this.h; this.a+=90-this.a%90; this.isjumping=false; if(gamestate==gamestates.PLAY){ score++; hscore=(score>hscore ? score : hscore); } }else{ this.speed.y+=this.v; } if(-this.speed.y>0 || (this.speed.y!=0 && this.speed.y<-this.j)){ this.a+=180/(Math.abs(this.j)-1); } this.pos.x+=this.speed.x; this.pos.y+=this.speed.y; }; }; let Camera=function(speedx,speedy){ this.speed={x:speedx,y:speedy}; this.move=function(){ ctx.translate(this.speed.x,this.speed.y); }; this.update=function(){ this.speed.x=-player.speed.x; }; }; let Floor=function(x,y,w,g){ this.x=x; this.y=params.game.h-params.floor.h-y; this.w=w; this.g=g; this.clr="#f0f0f0";//"#ffffcc"; this.draw=function(){ ctx.beginPath(); ctx.fillStyle=this.clr; ctx.rect(this.x,this.y,this.w,params.floor.height); ctx.fill(); ctx.closePath(); }; }; let Obstacle=function(x,y,w){ this.x=x; this.y=0; this.w=w; this.h=params.game.h-params.floor.h-y; this.clr="#f0f0f0";//"#ffffdd"; this.draw=function(){ ctx.beginPath(); ctx.fillStyle=this.clr; ctx.rect(this.x,this.y,this.w,this.h); ctx.fill(); }; }; let Particle=function(x,y,w,i,n,clr){ this.x=x; this.y=y; this.w=Math.random()*w; this.h=this.w; this.speed={x:w/6,y:w/5}; this.a=Math.PI/4/n*i; this.r={x:0,y:0,mx:Math.random()*100,my:Math.random()*200}; this.i=i; this.alpha=1.0; this.clr=clr; this.draw=function(){ ctx.save(); ctx.beginPath(); ctx.globalAlpha=this.alpha; ctx.fillStyle=this.clr; ctx.fillRect(this.x-(this.r.x*Math.cos(this.a)),this.y+(this.r.y*Math.sin(this.a)),this.w,this.h); ctx.restore(); ctx.closePath(); }; this.update=function(){ if(this.r.x<=this.r.mx){ this.r.x+=this.speed.x; } if(this.r.y<=this.r.my){ this.r.y+=this.speed.y; } if(this.r.y>this.r.my && this.r.x>this.r.mx){ params.game.exp.splice(i,1); } this.y+=2; } }; let player=new Player(); let camera=new Camera(0,0); window.ontouchstart=function(){ CONTROL_PRESSED=true; }; window.onmousedown=function(){ CONTROL_PRESSED=true; }; window.onkeydown=function(event){ switch(event.keyCode){ case 32: CONTROL_PRESSED=true; break; case 27: if(gamestate==gamestates.PLAY){ gamestate=gamestates.PAUSE; }else if(gamestate==gamestates.PAUSE){ gamestate=gamestates.PLAY; } break; } }; window.ontouchend=function(){ CONTROL_PRESSED=false; }; window.onmouseup=function(){ CONTROL_PRESSED=false; }; window.onkeyup=function(event){ if(event.keyCode==32){ CONTROL_PRESSED=false; } }; function generate_map(){ let next_fmap=[]; let next_omap=[]; let p_y=params.floor.p_y; let p_x=params.floor.p_x; next_fmap.push(params.floor.map[params.floor.current][params.floor.map[params.floor.current].length-1]); let c=(params.floor.current==0 ? 1 : 0); params.floor.map[c]=[]; for(let i=1;i<10;i++){ let l_flr=next_fmap[i-1]; let z; if(l_flr.y<=p_y[0][1]*3){ z=2 }else if(l_flr.y==params.game.h-params.floor.h){ z=1 }else{ z=0; } let n=Math.round(Math.random()*(p_y[z].length-1)); let y=(params.game.h-params.floor.h-l_flr.y)+p_y[z][n]; let x=p_x[z][n][Math.round(Math.random()*(p_x[z][n].length-1))]; if(x==p_x[0][2][0]){ next_omap.push(new Obstacle(l_flr.x+l_flr.w+p_x[0][2][0],(params.game.h-params.floor.h-l_flr.y)+p_x[0][2][0],params.obstacle.w)); } x+=l_flr.x+l_flr.w; let w=params.floor.w; next_fmap.push(new Floor(x,y,w,1)); } params.floor.map[c]=next_fmap; params.obstacle.map[c]=next_omap; } /**-----------------*/ function drawText(txt,x,y,size,align,clr){ ctx.beginPath(); x=player.pos.x-(Math.floor(params.game.w/2)-player.w*2)+x; ctx.fillStyle=clr; ctx.font=""+(size*params.game.tsize)+"px 'Bebas Neue'"; ctx.textAlign=align; ctx.fillText(txt,x,y); ctx.closePath(); } function drawRect(x,y,w,h,a,clr){ ctx.beginPath(); ctx.fillStyle=clr; let r=Math.sqrt(w*w+h*h)/2; a*=Math.PI/180; let ia=Math.PI/2;//90deg a+=ia/2;//45deg ctx.moveTo(r*Math.cos(a)+x+w/2,r*Math.sin(a)+y+h/2); a+=ia; ctx.lineTo(r*Math.cos(a)+x+w/2,r*Math.sin(a)+y+h/2); a+=ia; ctx.lineTo(r*Math.cos(a)+x+w/2,r*Math.sin(a)+y+h/2); a+=ia; ctx.lineTo(r*Math.cos(a)+x+w/2,r*Math.sin(a)+y+h/2); ctx.fill(); ctx.closePath(); } function explosion(x,y){ if(params.game.exp.length==0){ params.game.exp=[]; let n=20; for(let i=0;iscore){ drawText("Your Score: "+score,params.game.w/2,params.game.h/2+params.game.tsize,0.5,"center","#ffffff"); drawText("High Score: "+hscore,params.game.w/2,params.game.h/2+params.game.tsize*1.6,0.5,"center","#00ccff"); }else{ drawText("NEW RECORD: "+score,params.game.w/2,params.game.h/2+params.game.tsize,0.5,"center","#00ccff"); save_data(); } }else{ drawText(msg[gamestate-1][0],params.game.w/2,params.game.h/2-params.game.tsize*0.3,1.2,"center","#ffffff"); drawText(msg[gamestate-1][1],params.game.w/2,params.game.h/2+params.game.tsize*0.3,0.4,"center","#00ccff"); } ctx.closePath(); } } let Game=function(){ this.start=function(){ player.pos.y=params.game.h-params.floor.h-player.h; player.a=0; params.game.exp=[]; params.floor.map=[[],[]]; params.obstacle.map=[[],[]]; params.floor.map[params.floor.current][0]=new Floor(player.pos.x-Math.floor(params.game.w/2-player.w*2)-80,0,params.game.h*0.8,1); generate_map(); params.floor.current=(params.floor.current==0 ? 1 : 0); params.obstacle.current=(params.obstacle.current==0 ? 1 : 0); }; this.draw=function(){ let flr; for(let i in params.floor.map[params.floor.current]){ flr=params.floor.map[params.floor.current][i]; flr.draw(); } flr=params.floor.map[params.floor.current][params.floor.map[params.floor.current].length-1]; if(flr.xparams.game.h && gamestate==gamestates.PLAY){ gamestate=gamestates.GAMEOVER; } }; this.update=function(){ if(CONTROL_PRESSED){ player.jump(); } player.update(); camera.update(); flr=params.floor.map[params.floor.current][0]; if(flr.x+flr.w==player.pos.x-(Math.floor(params.game.w/2)-player.w*2)){ let c=(params.floor.current==0 ? 1 : 0); generate_map(); } flr=params.floor.map[params.floor.current][params.floor.map[params.floor.current].length-1]; if(player.pos.x>=flr.x+flr.w){ params.floor.current=(params.floor.current==0 ? 1 : 0); params.obstacle.current=(params.obstacle.current==0 ? 1 : 0); } drawText("Score: 00"+score,0,0.4*params.game.tsize,0.35,"left","#ffffff"); drawText("HI-Score: "+hscore,0,0.7*params.game.tsize,0.28,"left","#ffddff"); try{ if(bg_sound.currentTime+2>=bg_sound.duration){ bg_sound.currentTime=0; bg_sound.play(); }}catch(e){} }; }; let game=new Game(); cnv.onclick=function(){ switch(gamestate){ case gamestates.START: game.start(); score=0; try{ e_sound.volume=0; bg_sound.volume=0; e_sound.play(); e_sound.currentTime=e_sound.duration; e_sound.volume=1; bg_sound.volume=1; bg_sound.currentTime=0; bg_sound.play(); }catch(e){} gamestate=gamestates.PLAY; break; case gamestates.GAMEOVER: gamestate=gamestates.START; break; } }; game.start(); //interval=setInterval(function(){ window.requestAnimationFrame(run); function run(){ ctx.clearRect(player.pos.x-(Math.floor(params.game.w/2)-player.w*2),0,cnv.offsetWidth,cnv.offsetHeight); if(gamestate==gamestates.PLAY){ game.update(); }else{ try{ bg_sound.pause(); }catch(e){} for(let i in params.game.exp){ params.game.exp[i].update(); } camera.speed.x=0; } game.draw(); window.requestAnimationFrame(run); } //},20); }

JUMP FOR YOUR LIFE