Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Crea un videogioco sparatutto survival in prima persona contro degli zombie's game | AI game creator

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

No:43095

←

Prev Next

→

Crea un videogioco sparatutto survival in prima pe..ALL
Developer User19087｜Date and time 24/2/14 7:28:34
Build time 25.896 sec｜Game capacity 7.051KB｜

Script

Ecco un esempio di un videogioco sparatutto survival in prima persona contro gli zombie, implementato come un singolo file HTML con JavaScript:

Sparatutto Survival contro gli zombie

Clicca per iniziare il gioco.

Questo codice creerà un gioco in cui il giocatore si muove utilizzando i tasti direzionali sulla tastiera e spara premento la barra spaziatrice. Lo scopo del gioco è sopravvivere il più a lungo possibile evitando gli zombie e sparando per eliminarli. Gli zombie appariranno casualmente nel campo di gioco e il giocatore perderà salute se un zombie lo raggiunge. Il gioco terminerà quando la salute del giocatore raggiunge 0 e il punteggio finale verrà mostrato.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Ecco un esempio di un videogioco sparatutto survival in prima persona contro gli zombie, implementato come un singolo file HTML con JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sparatutto Survival contro gli zombie</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
  </style>
</head>
<body>
  <script>
    // Crea il canvas di gioco
    var canvas = document.createElement("canvas");
    var ctx = canvas.getContext("2d");
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
    document.body.appendChild(canvas);

// Definisci le costanti di gioco
    var playerSize = 20;
    var zombieSize = 30;
    var playerSpeed = 5;
    var zombieSpeed = 2;
    var shootInterval = 300;
    var bulletSpeed = 10;
    var zombieSpawnInterval = 1500;

// Inizializza le variabili di gioco
    var playerX = canvas.width / 2;
    var playerY = canvas.height / 2;
    var playerHealth = 100;
    var zombies = [];
    var bullets = [];
    var score = 0;
    var gameOver = false;

// Input da tastiera per il movimento del giocatore
    var keysDown = {};

window.addEventListener("keydown", function(event) {
      keysDown[event.keyCode] = true;
    });

window.addEventListener("keyup", function(event) {
      delete keysDown[event.keyCode];
    });

// Genera uno zombie
    function spawnZombie() {
      var zombie = {
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height
      };
      zombies.push(zombie);
    }

// Aggiorna lo stato di gioco
    function update() {
      if (!gameOver) {
        // Movimento del giocatore
        if (37 in keysDown && playerX > 0) {
          playerX -= playerSpeed;
        }
        if (38 in keysDown && playerY > 0) {
          playerY -= playerSpeed;
        }
        if (39 in keysDown && playerX + playerSize < canvas.width) {
          playerX += playerSpeed;
        }
        if (40 in keysDown && playerY + playerSize < canvas.height) {
          playerY += playerSpeed;
        }

// Sparo del giocatore
        if (32 in keysDown) {
          shoot();
        }

// Aggiorna le posizioni degli zombie
        for (var i = 0; i < zombies.length; i++) {
          var zombie = zombies[i];
          var dx = playerX - zombie.x;
          var dy = playerY - zombie.y;
          var distance = Math.sqrt(dx * dx + dy * dy);
          var directionX = dx / distance;
          var directionY = dy / distance;
          zombie.x += directionX * zombieSpeed;
          zombie.y += directionY * zombieSpeed;
        }

// Collisione tra zombie e giocatore
        for (var i = 0; i < zombies.length; i++) {
          var zombie = zombies[i];
          var dx = playerX - zombie.x;
          var dy = playerY - zombie.y;
          var distance = Math.sqrt(dx * dx + dy * dy);
          if (distance < playerSize + zombieSize) {
            playerHealth -= 10;
            if (playerHealth <= 0) {
              gameOver = true;
            }
          }
        }

// Rimuovi gli zombie che escono dallo schermo
        zombies = zombies.filter(function(zombie) {
          return zombie.x >= 0 && zombie.x <= canvas.width &&
                 zombie.y >= 0 && zombie.y <= canvas.height;
        });

// Collisione tra proiettili e zombie
        bullets.forEach(function(bullet) {
          zombies.forEach(function(zombie, index) {
            var dx = bullet.x - zombie.x;
            var dy = bullet.y - zombie.y;
            var distance = Math.sqrt(dx * dx + dy * dy);
            if (distance < bullet.size + zombieSize) {
              bullets.splice(bullets.indexOf(bullet), 1);
              zombies.splice(index, 1);
              score += 10;
            }
          });
        });

// Genera nuovi zombie
        if (Math.random() < 0.01) {
          spawnZombie();
        }

// Aggiorna il punteggio e la salute del giocatore
        document.getElementById("score").innerHTML = "Punteggio: " + score;
        document.getElementById("health").innerHTML = "Salute: " + playerHealth;

// Disegna gli elementi sul canvas
        draw();

// Richiama la funzione di update a ogni frame
        requestAnimationFrame(update);
      } else {
        // Fine del gioco
        document.getElementById("gameover").style.display = "block";
      }
    }

// Disegna gli elementi sul canvas
    function draw() {
      // Pulisci il canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Disegna il giocatore come un cerchio rosso
      ctx.fillStyle = "red";
      ctx.beginPath();
      ctx.arc(playerX, playerY, playerSize, 0, Math.PI * 2, false);
      ctx.fill();

// Disegna gli zombie come cerchi verdi
      ctx.fillStyle = "green";
      zombies.forEach(function(zombie) {
        ctx.beginPath();
        ctx.arc(zombie.x, zombie.y, zombieSize, 0, Math.PI * 2, false);
        ctx.fill();
      });

// Disegna i proiettili come cerchi blu
      ctx.fillStyle = "blue";
      bullets.forEach(function(bullet) {
        ctx.beginPath();
        ctx.arc(bullet.x, bullet.y, bullet.size, 0, Math.PI * 2, false);
        ctx.fill();
      });
    }

// Genera un proiettile dalla posizione del giocatore
    function shoot() {
      var bullet = {
        x: playerX,
        y: playerY,
        size: 5
      };
      bullets.push(bullet);

// Rimuovi il proiettile dopo un po'
      setTimeout(function() {
        bullets.splice(bullets.indexOf(bullet), 1);
      }, shootInterval);
    }

// Inizia il gioco
    function startGame() {
      document.getElementById("start").style.display = "none";
      update();
    }

// Evento del click per iniziare il gioco
    window.addEventListener("click", startGame);
  </script>

<div id="score" style="position: absolute; top: 10px; left: 10px; color: white;"></div>
  <div id="health" style="position: absolute; top: 30px; left: 10px; color: white;"></div>
  <div id="gameover" style="display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white;">
    <h1>Game Over</h1>
    <p>Punteggio: <span id="score"></span></p>
    <p>Salute rimanente: <span id="health"></span></p>
    <p>Aggiorna la pagina per giocare di nuovo.</p>
  </div>
  <div id="start" style="display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white;">
    <h1>Sparatutto Survival contro gli zombie</h1>
    <p>Clicca per iniziare il gioco.</p>
  </div>
</body>
</html>
```