AI game creator

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

No:19483

←

Prev Next

→

Snake
Developer User8590｜Date and time 23/10/4 7:22:55
Build time 10.897 sec｜Game capacity 2.52KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Juego de Snake</title>
    <style>
      /* Estilos para el tablero de juego */
      #game-board {
        display: flex;
        flex-wrap: wrap;
        width: 300px;
        height: 300px;
        border: 2px solid black;
      }

.cell {
        width: calc(100% / 20);
        height: calc(100% / 20);
        border: 1px solid gray;
      }

/* Estilos para el pictograma de serpiente */
      .snake {
        display: block;
        width: 100%;
        height: 100%;
        background: url('snake.png');
        background-size: contain;
        background-repeat: no-repeat;
      }
    </style>
  </head>
  <body>
    <div id="game-board"></div>
    <script>
      // Obtener el elemento del tablero de juego
      const gameBoard = document.getElementById("game-board");

// Obtener el tamaño del tablero de juego en filas y columnas
      const rows = 20;
      const cols = 20;

// Inicializar el tablero de juego como una matriz vacía
      const board = [];

for (let row = 0; row < rows; row++) {
        const rowArray = [];
        for (let col = 0; col < cols; col++) {
          rowArray.push(null);
        }
        board.push(rowArray);
      }

// Función para dibujar el tablero de juego
      function drawGameBoard() {
        gameBoard.innerHTML = "";

for (let row = 0; row < rows; row++) {
          for (let col = 0; col < cols; col++) {
            const cell = document.createElement("div");
            cell.className = "cell";

// Asignar la clase "snake" a la celda si contiene una parte de la serpiente
            if (board[row][col] === "snake") {
              cell.className += " snake";
            }

gameBoard.appendChild(cell);
          }
        }
      }

// Función para iniciar el juego
      function startGame() {
        // Posición inicial de la serpiente
        const initialSnake = [
          { row: 10, col: 10 },
          { row: 10, col: 11 },
          { row: 10, col: 12 }
        ];

// Dirección inicial de la serpiente
        let direction = "right";

// Colocar la serpiente en el tablero de juego
        for (const segment of initialSnake) {
          const { row, col } = segment;
          board[row][col] = "snake";
        }

// Dibujar el tablero de juego inicial
        drawGameBoard();
      }

// Iniciar el juego al cargar la página
      startGame();
    </script>
  </body>
</html>