AI game creator

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

No:38054

←

Prev Next

→

Snake Game
Developer CoolGuyFuck｜Date and time 24/1/22 8:15:55
Build time 11.365 sec｜Game capacity 3.163KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Jogo da Cobra</title>
  <style>
    #game-board {
      width: 300px;
      height: 300px;
      border: 1px solid black;
      position: relative;
      margin: 0 auto;
      overflow: hidden;
    }

.snake,
    .food {
      width: 10px;
      height: 10px;
      position: absolute;
    }

.snake {
      background-color: green;
    }

.food {
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

// Função para desenhar a cobra
    function drawSnake() {
      snake.forEach(function (segment) {
        context.fillStyle = "green";
        context.fillRect(
          segment.x * tileSize,
          segment.y * tileSize,
          tileSize,
          tileSize
        );
      });
    }

// Função para movimentar a cobra
    function moveSnake() {
      var head = { x: snake[0].x + dx, y: snake[0].y + dy };
      snake.unshift(head);
      snake.pop();
    }

// Função para desenhar a comida
    function drawFood() {
      context.fillStyle = "red";
      context.fillRect(
        food.x * tileSize,
        food.y * tileSize,
        tileSize,
        tileSize
      );
    }

// Função para verificar colisões
    function checkCollision() {
      if (
        snake[0].x < 0 ||
        snake[0].y < 0 ||
        snake[0].x >= tileCount ||
        snake[0].y >= tileCount
      ) {
        return true;
      }

for (var i = 1; i < snake.length; i++) {
        if (snake[i].x === snake[0].x && snake[i].y === snake[0].y) {
          return true;
        }
      }

return false;
    }

// Função para atualizar o jogo
    function update() {
      moveSnake();

if (checkCollision()) {
        clearInterval(gameLoop);
        alert("Fim de jogo! Pontuação: " + (snake.length - 3));
        return;
      }

if (snake[0].x === food.x && snake[0].y === food.y) {
        snake.push({});
        food.x = Math.floor(Math.random() * tileCount);
        food.y = Math.floor(Math.random() * tileCount);
      }

context.clearRect(0, 0, canvas.width, canvas.height);
      drawSnake();
      drawFood();
    }

// Função para capturar os controles do jogo
    function handleControls(event) {
      if (event.keyCode === 38 && dy !== 1) { // Arrow Up
        dx = 0;
        dy = -1;
      } else if (event.keyCode === 40 && dy !== -1) { // Arrow Down
        dx = 0;
        dy = 1;
      } else if (event.keyCode === 37 && dx !== 1) { // Arrow Left
        dx = -1;
        dy = 0;
      } else if (event.keyCode === 39 && dx !== -1) { // Arrow Right
        dx = 1;
        dy = 0;
      }
    }

// Iniciar o jogo
    document.addEventListener("keydown", handleControls);
    var gameLoop = setInterval(update, 100);
  </script>
</body>
</html>