Crea un gioco in cui sei un serpente e devi mangiare la carne per essere lungo. Se tocchi il muro o la tua coda perdi. Se arrivi a cento carni mangiate per vincere's game

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

No:23618

107

←

Prev Next

→

Crea un gioco in cui sei un serpente e devi mangia..ALL
Developer User11059｜Date and time 23/11/2 6:40:48
Build time 107.324 sec｜Game capacity 4.541KB｜

Script

Ecco un esempio di gioco del serpente implementato come singolo file HTML codificato in JavaScript:

Il gioco del serpente implementato sopra ha una griglia di gioco 20x20, in cui il serpente inizia con una lunghezza di 3 e può essere controllato utilizzando i tasti freccia. L'obiettivo del gioco è di mangiare il cibo generato casualmente sulla griglia per aumentare la lunghezza del serpente. Se il serpente tocca il muro o la sua stessa coda, il gioco termina. Quando il serpente raggiunge una lunghezza di 100, si vince e viene visualizzato un messaggio di congratulazioni con il punteggio finale.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

Ecco un esempio di gioco del serpente implementato come singolo file HTML codificato in JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Gioco del Serpente</title>
    <style>
      #game-board {
        width: 400px;
        height: 400px;
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>

// Dimensioni del gioco
      const boardSize = 20; // numero di celle

// Direzioni possibili
      const directions = {
        ArrowUp: { x: 0, y: -1 },
        ArrowDown: { x: 0, y: 1 },
        ArrowLeft: { x: -1, y: 0 },
        ArrowRight: { x: 1, y: 0 },
      }

// Stato di gioco iniziale
      let snake = [
        { x: 10, y: 10 }, // testa del serpente
        { x: 9, y: 10 },
        { x: 8, y: 10 }  // coda del serpente
      ];

let food = { x: 15, y: 15 }; // posizione iniziale del cibo
      let direction = directions.ArrowRight; // direzione iniziale
      let score = 0;

// Aggiungi l'evento di ascolto per i tasti freccia
      document.addEventListener('keydown', changeDirection);

function changeDirection(event) {
        if (event.code in directions) {
          direction = directions[event.code];
        }
      }

function updateGame() {
        // Sposta il serpente
        const newHead = {
          x: snake[0].x + direction.x,
          y: snake[0].y + direction.y
        };
        snake.unshift(newHead); // Aggiungi nuova testa

// Verifica collisioni
        if (isCollision()) {
          clearInterval(gameInterval); // Termina il gioco
          alert('Hai perso! Punteggio finale: ' + score);
          return;
        }

// Verifica se il serpente ha mangiato il cibo
        if (snake[0].x === food.x && snake[0].y === food.y) {
          // Incrementa il punteggio
          score++;

// Genera nuova posizione per il cibo
          generateFood();
        } else {
          // Rimuovi un elemento dalla coda del serpente
          snake.pop();
        }

// Aggiorna il pannello di gioco
        renderGameBoard();
      }

function generateFood() {
        // Genera una nuova posizione per il cibo in modo casuale
        food.x = Math.floor(Math.random() * boardSize);
        food.y = Math.floor(Math.random() * boardSize);
      }

function isCollision() {
        // Verifica le collisioni con il muro
        if (
          snake[0].x < 0 || snake[0].x >= boardSize ||
          snake[0].y < 0 || snake[0].y >= boardSize
        ) {
          return true;
        }

// Verifica le collisioni con la coda
        for (let i = 1; i < snake.length; i++) {
          if (snake[i].x === snake[0].x && snake[i].y === snake[0].y) {
            return true;
          }
        }

return false;
      }

function renderGameBoard() {
        // Crea il pannello di gioco
        let gameHtml = '';

for (let row = 0; row < boardSize; row++) {
          for (let col = 0; col < boardSize; col++) {
            let cellClass = 'empty-cell';

// Verifica se il serpente si trova nella cella corrente
            for (let segment of snake) {
              if (segment.x === col && segment.y === row) {
                cellClass = 'snake-cell';
                break;
              }
            }

// Verifica se il cibo si trova nella cella corrente
            if (food.x === col && food.y === row) {
              cellClass = 'food-cell';
            }

gameHtml += `<div class="${cellClass}"></div>`;
          }
        }

gameBoard.innerHTML = gameHtml;
      }

// Avvia il gioco
      const gameInterval = setInterval(updateGame, 200);
    </script>
  </body>
</html>
```