martes, 21 de marzo de 2023

var cvs = document.getElementById("canvas"); var ctx = cvs.getContext("2d"); // load images var bird = new Image(); var bg = new Image(); var fg = new Image(); var pipeNorth = new Image(); var pipeSouth = new Image(); bird.src = "images/bird.png"; bg.src = "images/bg.png"; fg.src = "images/fg.png"; pipeNorth.src = "images/pipeNorth.png"; pipeSouth.src = "images/pipeSouth.png"; // some variables var gap = 85; var constant; var bX = 10; var bY = 150; var gravity = 1.5; var score = 0; // audio files var flySound= new Audio(); flySound.src="sounds/fly.mp3"; // on key down document.addEventListener("keydown",moveUp); function moveUp(){ bY -=25; flySound.play(); } // pipe coordinates var pipe=[]; pipe[0]={ x:cvs.width, y:0 }; // draw images function draw(){ ctx.drawImage(bg,0,0); for(var i=0;i=pipe[i].x && bX<=pipe[i].x+pipeNorth.width && (bY<=pipe[i].y+pipeNorth.height || bY+bird.height>=pipe[i].y+constant)||bY+bird.height>=cvs.height-fg.height){ location.reload(); // reload the page } if(pipe[i].x==5){ score++; } } ctx.drawImage(fg , 0 , cvs.height-fg.height); ctx.drawImage(bird,bX,bY); bY+=gravity; ctx.fillStyle="#0000