dogs and cats are in war and a human is trying to get out of this war he has to dodge nukes's game | AI game creator

Click here for free DL of the app version that can save data.

No:45704

66

dogs and cats are in war and a human is trying to ..ALL
Developer User19664｜Date and time 24/2/21 6:05:47
Build time 10.962 sec｜Game capacity 1.855KB｜

<!DOCTYPE html>
<html>
<head>
  <title>Dogs vs Cats War Game</title>
  <style>
    body {
      text-align: center;
      background-color: lightblue;
      font-family: Arial, sans-serif;
    }
    
    #player {
      width: 50px;
      height: 50px;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      background-color: re
      background-color: black;
    }
  </sty
<div id="nuke"></div>

<script>
  entById('player');
  let nuke = document.getElementById('nuke');
  let score = 0;
  
  document.addEventListener('keydown', function(event) {
    if(event.key === 'ArrowLeft') {
      movePlayer(-10);
    }
    if(event.key === 'ArrowRight') {
      movePlayer(10);
    }
  });
  
  function movePlayer(amount) {
    let leftValue = parseInt(player.style.left, 10);
    leftValue += amount;
    player.style.left = `${leftValue}px`;
  }
  
  function moveNuke() {
    let topValue = parseInt(nuke.style.top, 10);
    topValue += 5;
    nuke.style.top = `${topValue}px`;
    
    if(topValue > window.innerHeight) {
      nuke.style.top = '0';
      let randomPosition = Math.floor(Math.random() * window.innerWidth);
      nuke.style.left = `${randomPosition}px`;
    }
    
    if(checkCollision()) {
      alert('Game Over! Final Score: ' + score);
      score = 0;
    } else {
      score++;
      requestAnimationFrame(moveNuke);
    }
  }
  
  function checkCollision() {
    let playerRect = player.getBoundingClientRect();
    let nukeRect = nuke.getBoundingClientRect();
    
    return !(
      playerRect.right < nukeRect.left || 
      playerRect.left > nukeRect.right || 
      playerRect.bottom < nukeRect.top || 
      playerRect.top > nukeRect.bottom
    );
  }
  
  moveNuke();
</script>

</body>
</html>