This commit is contained in:
Anthony Stirling
2023-04-30 17:29:35 +01:00
parent c174ca1c7e
commit 2608aa4c97
5 changed files with 309 additions and 226 deletions

View File

@@ -11,67 +11,7 @@
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="game-container-wrapper" style="position: relative;">
<div id="game-container">
<div id="lives">Lives: 3</div>
<div id="score">Score: 0</div>
<div id="high-score">High Score: 0</div>
<div id="level">Level: 1</div>
<img src="favicon.svg" class="player" id="player">
</div>
<style>
#game-container {
position: relative;
width: 800px;
height: 600px;
background-color: transparent;
margin: auto;
overflow: hidden;
border: 2px solid black; /* Add border */
}
.pdf, .player, .projectile {
position: absolute;
}
.pdf {
width: 50px;
height: 50px;
}
.player {
width: 50px;
height: 50px;
}
.projectile {
background-color: black !important;
width: 5px;
height: 10px;
}
#score, #level, #lives, #high-score {
color: black;
font-family: sans-serif;
position: absolute;
font-size: 24px;
}
#score {
top: 10px;
left: 10px;
}
#lives {
top: 10px;
left: 150px;
}
#high-score {
top: 10px;
left: 290px;
}
#level {
top: 10px;
right: 10px;
}
</style>
<script src="js/game.js"></script>
</div>
</div>
</div>
</div>
</div>