AI game creator

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

No:22149

←

Prev Next

→

Plane fighting
Developer User10250｜Date and time 23/10/21 5:24:41
Build time 87.472 sec｜Game capacity 3.777KB｜

Script

Punteggio: 0

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>

<head>
  <title>Gioco di Combattimento Aereo</title>
  <style>
    body {
      background-color: #ccc;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      margin: 0;
      font-family: Arial, sans-serif;
    }

#game-board {
      position: relative;
      width: 300px;
      height: 400px;
      background-color: #fff;
      border: 4px solid #333;
    }

#player {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      width: 40px;
      height: 40px;
      background-color: #ff0;
      border-radius: 50%;
    }

.enemy {
      position: absolute;
      top: 0;
      left: 0;
      width: 30px;
      height: 30px;
      background-color: #f00;
      border-radius: 50%;
      animation: enemyMove linear infinite;
    }

.explosion {
      position: absolute;
      top: 0;
      left: 0;
      width: 30px;
      height: 30px;
      background-image: url('explosion.png');
      animation: explosionAnim steps(5) infinite;
    }

@keyframes enemyMove {
      0% {
        top: 0;
      }

100% {
        top: 400px;
      }
    }

@keyframes explosionAnim {
      0% {
        background-position: 0;
      }

100% {
        background-position: -120px;
      }
    }

#score {
      margin-top: 10px;
      text-align: center;
      font-size: 20px;
    }
  </style>
</head>

<body>
  <div id="game-board">
    <div id="player"></div>
  </div>
  <div id="score">Punteggio: 0</div>

// Gestione degli input del giocatore
    gameBoard.addEventListener('mousemove', movePlayer);
    gameBoard.addEventListener('touchmove', movePlayer);

// Funzione per spostare il giocatore in base al movimento del cursore o del dito
    function movePlayer(event) {
      var xPos;

if (event.type === 'mousemove') {
        xPos = event.clientX - gameBoard.offsetLeft;
      } else if (event.type === 'touchmove') {
        xPos = event.touches[0].clientX - gameBoard.offsetLeft;
        event.preventDefault();
      }

if (xPos > 0 && xPos < gameBoard.offsetWidth) {
        player.style.left = xPos + 'px';
      }
    }

// Generazione nemici
    setInterval(generateEnemy, 1000);

// Funzione per generare un nemico
    function generateEnemy() {
      var enemy = document.createElement('div');
      enemy.className = 'enemy';
      enemy.style.left = Math.floor(Math.random() * (gameBoard.offsetWidth - 30)) + 'px';
      gameBoard.appendChild(enemy);

// Collisione tra giocatore e nemico
      if (checkCollision(enemy)) {
        endGame();
      }

// Rimozione nemico dallo schermo
      setTimeout(function() {
        enemy.remove();

// Aggiunta punti al punteggio
        score++;
        scoreDisplay.textContent = 'Punteggio: ' + score;
      }, 4000);
    }

// Controllo collisione tra giocatore e nemico
    function checkCollision(enemy) {
      var playerRect = player.getBoundingClientRect();
      var enemyRect = enemy.getBoundingClientRect();

return !(
        playerRect.top > enemyRect.bottom ||
        playerRect.bottom < enemyRect.top ||
        playerRect.right < enemyRect.left ||
        playerRect.left > enemyRect.right
      );
    }

// Termine del gioco
    function endGame() {
      player.classList.add('explosion');
      gameBoard.removeEventListener('mousemove', movePlayer);
      gameBoard.removeEventListener('touchmove', movePlayer);
    }
  </script>
</body>

</html>