r0r-5chach/CSY1018-assignment-2
r0r-5chach
/
CSY1018-assignment-2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added bomb and alien spawn logic

This commit is contained in:
Joshua Perry 2022-04-28 20:56:09 +01:00
parent 1b4b299684
commit 5c6cd33f39
3 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
game.html
View File

@ -5,6 +5,7 @@
<link rel="stylesheet" href="game.css" />
<script src="scripts/launch.js"></script>
<script src="scripts/control.js"></script>
<script src="scripts/enemy.js"></script>
</head>
<body>
@ -39,7 +40,6 @@
</div>
<div class="alien" id="alien">
</body>

25
scripts/enemy.js
View File

@ -1 +1,26 @@
/* enemy spawning logic */
var aliens = [];
function spawnEnemy() {
var alien = document.createElement("div");
alien.className = "alien";
alien.id = "alien";
while (true) {
alien.style.left = Math.floor(Math.random() * document.body.offsetWidth) + "px";
if (document.elementFromPoint(alien.offsetLeft, alien.offsetTop).classList.contains("alien") == false) {
document.body.appendChild(alien);
aliens.push(alien);
break;
}
}
}
function spawnBomb() {
var alien = aliens[0];
var bomb = document.createElement("div");
bomb.className = "bomb";
bomb.style.left = "28px";
bomb.style.top = "70px";
bomb.style.zIndex = "-1";
alien.appendChild(bomb);
}

1
scripts/launch.js
View File

@ -19,5 +19,6 @@ function load() {
function startGame() {
showDisplay("block");
document.getElementById("start").style.display = "none";
document.getElementsByClassName("weapon")[0].style.display = "none";
}
document.addEventListener("DOMContentLoaded", load);