const ASSET = [ { url: "https://raw.githubusercontent.com/sourabhv/FlapPyBird/master/assets/sprites/pipe-green.png", name: "pipe", type: "image", source: "https://github.com/sourabhv/FlapPyBird" },{ url: "https://raw.githubusercontent.com/sourabhv/FlapPyBird/master/assets/sprites/yellowbird-midflap.png", name: "bird1", type: "image", source: "https://github.com/sourabhv/FlapPyBird" },{ url: "https://raw.githubusercontent.com/sourabhv/FlapPyBird/master/assets/sprites/yellowbird-upflap.png", name: "bird2", type: "image", source: "https://github.com/sourabhv/FlapPyBird" },{ url: "https://raw.githubusercontent.com/sourabhv/FlapPyBird/master/assets/sprites/yellowbird-downflap.png", name: "bird3", type: "image", source: "https://github.com/sourabhv/FlapPyBird" },{ url: "https://raw.githubusercontent.com/sourabhv/FlapPyBird/master/assets/sprites/base.png", name: "ground", type: "image", source: "https://github.com/sourabhv/FlapPyBird" },{ url: "https://raw.githubusercontent.com/sourabhv/FlapPyBird/master/assets/sprites/background-day.png", name: "city", type: "image", source: "https://github.com/sourabhv/FlapPyBird" },{ url: "https://polite-route.glitch.me/asset/png/Reload", name: "replay", type: "image", source: "https://www.gamedevmarket.net/asset/basic-icons/" },{ url: "https://polite-route.glitch.me/asset/wav/coin1", name: "ding", type: "sound", source: "https://opengameart.org/content/10-8bit-coin-sounds" },{ url: "https://polite-route.glitch.me/asset/wav/386622__jalastram__sfx-jump-42", name: "jump", type: "sound", source: "https://freesound.org/people/jalastram/packs/21727/" },{ url: "https://polite-route.glitch.me/asset/ttf/a04B_19", name: "big", type: "font", source: "https://www.dafont.com/04b-19.font" } ]; const TICK = 1; const IMAGE_ASSET={}; const SOUND_ASSET={}; const FONT_ASSET={}; const STATE_NOT_STARTED = -1; const STATE_TUT = 0; const STATE_GAME_OVER = 1; const STATE_IN_GAME_1 = 2; const SPEED = 10; const README = { page: 0, pages: [ "WELCOME TO NOT FLAPPY BIRD (?)", "Basic rules same as the original flappy bird that we know. but, the pipes are moving by itself. you have one chance to change its direction for each 5 point you acquire.", "phone user tap left part of your screen to flap and right part of the screen to change pillar direction. mouse user, use left and right-click. for keyboard use ctrl to flap and space to change pillar direction" ] } var canvas; var pillar = []; var base = []; var city = []; var gametick = 0; var n_milis = 0; var o_milis = 0; var score = 0; var point = 0; var highscore = 0; var o_highscore = 0; var cdir = 0; var b = false; var speed = SPEED; var gamestate = STATE_NOT_STARTED; var tap={ x: -1, y: -1, last: gametick } var loader; var actor; class AssetLoader{ constructor(asset, done){ this.asset=asset; this.callback=done; this.progress=0; this.done=false; } load(process){ for(let i=0; i{ if(process!==undefined) process(++this.progress, this.asset.length); IMAGE_ASSET[this.asset[i].name]=img; if(this.progress === this.asset.length){ if(this.callback) this.callback(); this.done=true; } }); break; case 'sound': loadSound(this.asset[i].url, (sound)=>{ if(process!==undefined) process(++this.progress, this.asset.length); SOUND_ASSET[this.asset[i].name]=sound; if(this.progress === this.asset.length){ if(this.callback) this.callback(); this.done=true; } }); break; case 'font': loadFont(this.asset[i].url, (font)=>{ if(process!==undefined) process(++this.progress, this.asset.length); FONT_ASSET[this.asset[i].name]=font; if(this.progress === this.asset.length){ if(this.callback) this.callback(); this.done=true; } }); break; } } } } class Sprite{ constructor(image, w, h){ this.image=image; this.x=0; this.y=0; this.w=(w===undefined?image.width:0); this.h=(h===undefined?image.height:0); this.rot=0; } collide(actor){ return collideRectRect(this.x-this.w/2, this.y-this.h/2, this.w, this.h, actor.x-actor.w/2, actor.y-actor.h/2, actor.w, actor.h*1.25); } move(x, y){ this.x=x; this.y=y; } put(){ push() translate(this.x, this.y) rotate(radians(this.rot)); image(this.image, -this.w/2, -this.h/2, this.w, this.h); pop() if(b){ push(); strokeWeight(1); fill(0,0,0,0) rect(this.x-this.w/2, this.y-this.h/2, this.w, this.h) pop(); } } } class AnimatedSprite extends Sprite{ constructor(image, w, h){ super(image, w, h); this.frames=[]; this.frames.push(image); this.frame=0; } addFrame(image){ this.frames.push(image); } nextFrame(collison = true){ this.frame++; if(this.frame>=this.frames.length) this.frame = 0; if(collison){ super.w=this.frames[this.frame].width; super.h=this.frames[this.frame].height; } super.image = this.frames[this.frame]; } toFrame(frame){ if(typeof frame === 'number'){ this.frames[frame%this.frames.length]; this.frame=frame%this.frames.length; } } } function setup(){ document.getElementById("loading").innerHTML = `LOADING . . . (0%)`; loader = new AssetLoader(ASSET,()=>{ setTimeout(()=>{ gamestate=STATE_TUT; document.body.innerHTML = ""; canvas = createCanvas(350,490); //fullscreen(true); actor=new AnimatedSprite(IMAGE_ASSET["bird1"]); actor.addFrame(IMAGE_ASSET["bird2"]); actor.addFrame(IMAGE_ASSET["bird3"]); //TEMP ================================= prepos(); }, 500); }); loader.load((progress, total)=>{ document.getElementById("loading").innerHTML = `LOADING . . . (${(progress/total)*100}%)`; }); } function prepos(){ cdir=0; highscore = o_highscore; pillar.length=0; base.length=0; city.length=0; actor.move(60, (canvas.height/2)-(0)); actor.rot = 0; for(let i=0;i 0) actor.toFrame(2); else actor.nextFrame(); actor.move(actor.x, (actor.rot<0 && actor.y < 20?actor.y:actor.y+(SPEED*3*sin(radians(actor.rot))))); speed=SPEED*cos(radians(actor.rot)); for(let i=0; i= -10) pillar[i].direction=!pillar[i].direction; let moved = (pillar[i].speed * (pillar[i].direction == 0?-(lag+1):lag+1)); pillar[i].sprite[0].move( pillar[i].sprite[0].x-(speed*(lag+1)), pillar[i].sprite[0].y+moved); pillar[i].sprite[1].move(pillar[i].sprite[0].x, pillar[i].sprite[0].y-pillar[i].sprite[1].h-150); if(pillar[i].sprite[0].collide(actor)){ gamestate = STATE_GAME_OVER; } if(pillar[i].sprite[1].collide(actor)){ gamestate = STATE_GAME_OVER; } } if((base[base.length-1].x) <= canvas.width){ base.push(new Sprite(IMAGE_ASSET["ground"])); base[base.length-1].move((base[base.length-2].x+base[0].w), canvas.height-base[0].h/2) } if((city[city.length-1].x) <= canvas.width){ city.push(new Sprite(IMAGE_ASSET["city"])); city[city.length-1].move((city[city.length-2].x+city[0].w), city[0].h/2) } } } if(gamestate===STATE_GAME_OVER){ for(let i=0; i= 0 && tap.y >= 0){ if(tap.x 50){ for(let i=0; i0){ pillar[i].direction=!pillar[i].direction; cdir--; } } tap.last=gametick; } } } break; case STATE_GAME_OVER: let distance = dist(tap.x,tap.y, canvas.width/2, canvas.height/2); if(distanceo_highscore) o_highscore = point; prepos(); gamestate=STATE_IN_GAME_1; } break; case STATE_TUT: if(tap.x <0 && tap.y<0)return; if(README.page >= README.pages.length-1){ prepos(); gamestate=STATE_IN_GAME_1; }else README.page++; break; } tap.x=-1; tap.y=-1; }

NOT Flappy Bird