Skip to content

Commit

Permalink
I made changes in the files
Browse files Browse the repository at this point in the history
  • Loading branch information
@aletishiva218
aletishiva218 committed Aug 5, 2023
0 parents commit 72acb6c
Show file tree
Hide file tree
Showing 6 changed files with 464 additions and 0 deletions.
Binary file added background_audio.mp3
Binary file not shown.
Binary file added bird.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added dead_sound.wav
Binary file not shown.
37 changes: 37 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flying Game</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gruppo&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="data:image/jpeg;base64,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" type="image/x-icon">
</head>
<body>
<div class="gameContainer">
<h1 align="center">Flying Bird Game</h1>
<div class="score">Score: 0</div>

<div class="options"><div class="gameover">Game Over</div><div class="yourscore">Your Score:0</div><div class="replay">Replay</div></div>
<div class="kite kite1"></div>
<div class="upper">
<div class="knife item0"></div>
<div class="knife item1"></div>
<div class="knife item2"></div>
<div class="knife item3"></div>
</div>
<div class="lower">
<div class="knife l item00"></div>
<div class="knife l item11"></div>
<div class="knife l item22"></div>
<div class="knife l item33"></div>
</div>
</div>
<button class="jumpbutton">Jump</button>
<script src="script.js"></script>
</body>
</html>
137 changes: 137 additions & 0 deletions script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,137 @@
var kite=document.querySelector('.kite');
var kite1=document.querySelector(".kite1");
var item0=document.querySelector(".item0");
var item1=document.querySelector(".item1");
var item2=document.querySelector(".item2");
var item3=document.querySelector(".item3");

var item00=document.querySelector(".item00");
var item11=document.querySelector(".item11");
var item22=document.querySelector(".item22");
var item33=document.querySelector(".item33");
var upper=document.querySelector(".upper");
var lower=document.querySelector(".lower");
var scorep=0;
var score=document.querySelector('.score');
var gameoptions=document.querySelector(".options");
var scorepp=0;
var yourscore=document.querySelector(".yourscore");
var replay=document.querySelector(".replay");
var backgroundaudio=new Audio("background_audio.mp3");
var jumpaudio=new Audio("jump.wav");
var deadaudio=new Audio("dead_sound.wav");
var jumpbutton=document.querySelector(".jumpbutton");
document.onkeydown=function(e)
{
if(e.key=="Enter")
{
backgroundaudio.play();
var dy=parseFloat(window.getComputedStyle(kite1,null).getPropertyValue('bottom'));
kite1.classList.remove("kite1");
kite.style.bottom=dy+8+"px";
setTimeout(()=>{
kite1.classList.add("kite1");
},100)
}
}
jumpbutton.addEventListener('click',()=>{

backgroundaudio.play();
var dy=parseFloat(window.getComputedStyle(kite1,null).getPropertyValue('bottom'));
kite1.classList.remove("kite1");
kite.style.bottom=dy+8+"px";
setTimeout(()=>{
kite1.classList.add("kite1");
},100)
});
setInterval(()=>{
dy=parseInt(window.getComputedStyle(kite,null).getPropertyValue('bottom'));
dx=parseInt(window.getComputedStyle(kite,null).getPropertyValue('left'));

dy1=parseInt(window.getComputedStyle(item0,null).getPropertyValue('bottom'));
dx1=parseInt(window.getComputedStyle(item0,null).getPropertyValue('left'));
var newdx1=Math.abs(dx1-dx);
var newdy1=dy1-(dy+40);

dy2=parseInt(window.getComputedStyle(item1,null).getPropertyValue('bottom'));
dx2=parseInt(window.getComputedStyle(item1,null).getPropertyValue('left'));
var newdx2=Math.abs(dx2-dx);
var newdy2=dy2-(dy+40);

dy3=parseInt(window.getComputedStyle(item2,null).getPropertyValue('bottom'));
dx3=parseInt(window.getComputedStyle(item2,null).getPropertyValue('left'));
var newdx3=Math.abs(dx3-dx);
var newdy3=dy3-(dy+40);

dy4=parseInt(window.getComputedStyle(item3,null).getPropertyValue('bottom'));
dx4=parseInt(window.getComputedStyle(item3,null).getPropertyValue('left'));
var newdx4=Math.abs(dx4-dx);
var newdy4=dy4-(dy+40);
//for lower
dy11=parseInt(window.getComputedStyle(item00,null).getPropertyValue('height'));
var newdy11=dy-dy11;

dy22=parseInt(window.getComputedStyle(item11,null).getPropertyValue('height'));
var newdy22=dy-dy22;

dy33=parseInt(window.getComputedStyle(item22,null).getPropertyValue('height'));
var newdy33=dy-dy33;

dy44=parseInt(window.getComputedStyle(item33,null).getPropertyValue('height'));
var newdy44=dy-dy44;


//for down

setInterval(()=>{
var out=parseInt(window.getComputedStyle(kite,null).getPropertyValue('bottom'));
if(out==0)
{

kite.style.display="none";
lower.style.display="none";
upper.style.display="none";
score.style.display="none";
gameoptions.style.display="grid";
deadaudio.play();

yourscore.innerHTML="Your Score:"+scorep;
backgroundaudio.pause();
backgroundaudio.currentTime=0;
}
},500);

if((newdy1<=0 && newdx1<20) || (newdy2<=0 && newdx2<20) || (newdy3<=0 && newdx3<20) || (newdy4<=0 && newdx4<20) || (newdy11<=0 && newdx1<20) || (newdy22<=0 && newdx2<20) || (newdy33<=0 && newdx3<20) || (newdy44<=0 && newdx4<20))
{
backgroundaudio.pause();
backgroundaudio.currentTime=0;
kite.style.display="none";
lower.style.display="none";
upper.style.display="none";
score.style.display="none";
gameoptions.style.display="grid";
yourscore.innerHTML="Your Score:"+(--scorep);
deadaudio.play();
}


},0);

setTimeout(()=>{
function f1()
{

score.innerHTML="Score: "+scorep;
scorep++;

setTimeout(f1,2500);

}

f1();
},6500);

replay.addEventListener('click',()=>{
window.location.reload();

})
Loading

0 comments on commit 72acb6c

Please sign in to comment.