FUN

Flappy Dodge

Copy and paste this into a new tab to play:

data:text/html,<body><canvas id=c></canvas><script>const e=c.getContext("2d");let t=!1,i=!1,n=0,l="playing",r=innerHeight,h=!0,a=0,d=!1,o={w:75,h:75,x:500,y:innerHeight-75-200,upv:0},y=[{w:200,h:100,x:innerWidth+1e3*Math.random(),y:Math.random()*(innerHeight-100),type:""},{w:200,h:50,x:innerWidth+4e3*Math.random(),y:Math.random()*(innerHeight-50),type:""},{w:100,h:200,x:innerWidth+300*Math.random(),y:innerHeight-100,type:""},{w:300,h:50,x:innerWidth+1e4*Math.random(),y:Math.random()*(innerHeight-50),type:""},{w:50,h:150,x:innerWidth+2e4*Math.random(),y:Math.random()*(innerHeight-150),type:""},{w:50,h:150,x:innerWidth+500*Math.random(),y:Math.random()*(innerHeight-150),type:"star"}];const f=innerWidth/2,x=innerHeight/2+50;function p(t){e.fillStyle="black",e.fillRect(0,0,innerWidth,innerHeight),e.fillStyle="red",e.fillRect(o.x,o.y,o.w,o.h);for(let t in y){e.fillStyle="red";const i=y[t];e.fillStyle="white","star"==i.type&&(e.fillStyle="yellow"),e.fillRect(i.x,i.y,i.w,i.h),e.font="48px serif"}e.fillStyle="black",e.fillRect(o.x+20,o.y+25,10,10),e.fillRect(o.x+o.w-30,o.y+25,10,10),e.fillRect(o.x,o.y,7,7),e.fillRect(o.x+o.w-7,o.y,7,7),e.fillRect(o.x,o.y+o.h-7,7,7),e.fillRect(o.x+o.w-7,o.y+o.h-7,7,7),"end"==l&&(e.fillStyle="black",e.fillRect(0,0,innerWidth,innerHeight),e.fillStyle="red",e.font="48px serif",e.fillText("Oops.",innerWidth/2,innerHeight/2),e.fillStyle="white",e.fillRect(innerWidth/2,innerHeight/2+50,200,100),e.fillStyle="red",e.font="30px serif",e.fillText("Play again",innerWidth/2,innerHeight/2+100),e.font="48px serif"),h&&(e.fillStyle="white",e.font="48px serif",e.fillText("space/w/up/click",innerWidth/2,innerHeight/2)),e.fillStyle="white",e.fillText(n,50,50)}function w(e,t){return!(e.x+e.w<t.x||e.y+e.h<t.y||e.x>t.x+t.h||e.y>t.y+t.h)}function s(){o.upv=20,a++}window.addEventListener("keydown",e=>{"Space"!=e.code&&"KeyW"!=e.code&&"ArrowUp"!=e.code||(t=!0,"playing"==l&&e.preventDefault(),"end"==l&&location.reload(),h=!1,d||(s(),d=!0))}),window.addEventListener("keyup",e=>{"Space"!=e.code&&"KeyW"!=e.code&&"ArrowUp"!=e.code||(d=!1,t=!1)}),window.addEventListener("click",e=>{h=!1,s(),"end"==l&&e.offsetX>f&&e.offsetX<f+200&&e.offsetY>x&&e.offsetY<x+100&&location.reload()}),onresize=()=>{c.width=innerWidth,c.height=innerHeight,p()},onresize();let g=0;requestAnimationFrame(function e(t){!function(e){if("playing"==l){o.y+=-o.upv,o.upv-=1;for(let t in y){let r=y[t];if(r.x=r.x-500*e,r.x+r.w<0){const e=3e3*Math.random();"star"==r.type?r.x=innerWidth+500*Math.random():r.x=innerWidth+Math.random()*e,r.y=Math.random()*(innerHeight-r.h)}w(o,r)?"star"==r.type?i||(n++,i=!0,r.x=innerWidth+500*Math.random()):(h=!1,l="end"):i=!1}o.y+o.h>r?(a=0,o.y-=10,o.upv*=-.5,o.y=innerHeight-o.h):o.y<0&&(o.y+=10,o.upv*=-.5,o.y=0)}}(Math.min((t-g)/1e3,.1)),g=t,p(),requestAnimationFrame(e)});</script>