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

explosion logic, character currently disappears

This commit is contained in:
Joshua Perry 2022-04-29 10:18:20 +01:00
parent ff1a6af687
commit af9066fea9
2 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
scripts/enemy.js
View File

@ -11,7 +11,8 @@ function spawnEnemy() {
alien.style.left = Math.floor(Math.random() * document.body.offsetWidth) + "px"; alien.style.left = Math.floor(Math.random() * document.body.offsetWidth) + "px";
if (document.elementFromPoint(alien.offsetLeft, alien.offsetTop).classList.contains("alien") == false) { if (document.elementFromPoint(alien.offsetLeft, alien.offsetTop).classList.contains("alien") == false) {
document.body.appendChild(alien); document.body.appendChild(alien);
aliens.push(alien); alienLogic = setInterval(spawnBomb, 3000);
aliens.push([alien, alienLogic]);
console.log("Alien Spawned") console.log("Alien Spawned")
break; break;
} }
@ -26,7 +27,7 @@ function spawnBomb() {
bomb.style.top = "70px"; bomb.style.top = "70px";
bomb.style.zIndex = "1"; bomb.style.zIndex = "1";
bomb.style.display = "absolute"; bomb.style.display = "absolute";
alien.appendChild(bomb); alien[0].appendChild(bomb);
bombLogic = setInterval(fall, 100); bombLogic = setInterval(fall, 100);
bombs.push([bomb, bombLogic]); bombs.push([bomb, bombLogic]);
console.log("Bomb Spawned") console.log("Bomb Spawned")
@ -37,15 +38,26 @@ function fall() {
bomb[0].style.top = (bomb[0].offsetTop + 10) + "px"; bomb[0].style.top = (bomb[0].offsetTop + 10) + "px";
for (let element of bombs) { for (let element of bombs) {
if (document.elementFromPoint(element[0].offsetLeft, element[0].offsetTop).classList.contains("sky") != true) { var closestElement = document.elementFromPoint(element[0].offsetLeft, element[0].offsetTop+10);
if(Math.floor(Math.random() * 4) == 3) { if (!closestElement.classList.contains("sky") && !closestElement.classList.contains("alien") && !closestElement.classList.contains("bomb") && !closestElement.classList.contains("explosion")) {
if(Math.floor(Math.random() * 2) == 1) {
clearInterval(element[1]); clearInterval(element[1]);
element[0].className = "explosion"; element[0].className = "explosion";
console.log("Explosion" + bombs.length) console.log("Explosion")
setTimeout(() => {element[0].remove()}, 3000); setTimeout(() => {element[0].remove()}, 3000);
bombs.splice(bombs.indexOf(element),1); bombs.splice(bombs.indexOf(element),1);
console.log("Bomb Despawned" + bombs.length); console.log("Bomb Despawned");
} }
}
}
}
function checkExplosion() {
for (let element of document.getElementsByClassName("explosion")) {
var elemRect = element.getBoundingClientRect();
var playerRect = document.getElementById("player").getBoundingClientRect();
if (elemRect.bottom >= playerRect.top && elemRect.right >= playerRect.left) {
document.getElementById("player").style.display = "none";
} }
} }
} }

2
scripts/launch.js
View File

@ -20,5 +20,7 @@ function startGame() {
showDisplay("block"); showDisplay("block");
document.getElementById("start").style.display = "none"; document.getElementById("start").style.display = "none";
document.getElementsByClassName("weapon")[0].style.display = "none"; document.getElementsByClassName("weapon")[0].style.display = "none";
setInterval(spawnEnemy, 2500);
setInterval(checkExplosion, 10);
} }
document.addEventListener("DOMContentLoaded", load); document.addEventListener("DOMContentLoaded", load);