AI game creator

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

No:18126

←

Prev Next

→

Snake Game
Developer User8006｜Date and time 23/9/27 9:10:08
Build time 35.381 sec｜Game capacity 3.985KB｜

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>
canvas {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  display: block;
  margin: 0 auto;
  padding: 0;
}
</style>
</head>
<body>
<script>
// Tamanho do canvas
const canvasWidth = 480;
const canvasHeight = 320;

// Tamanho da cobra e da comida
const cellSize = 16;

// Velocidade inicial da cobra
const initialSpeed = 80;

// Direções possíveis
const directions = {
  UP: { x: 0, y: -1 },
  DOWN: { x: 0, y: 1 },
  LEFT: { x: -1, y: 0 },
  RIGHT: { x: 1, y: 0 }
};

// Inicialização do jogo
function init() {
  const canvas = document.createElement("canvas");
  canvas.width = canvasWidth;
  canvas.height = canvasHeight;
  document.body.appendChild(canvas);
  
  const context = canvas.getContext("2d");
  const food = createFood();
  const snake = createSnake();
  
  let direction = directions.RIGHT;
  let score = 0;
  let speed = initialSpeed;
  let gameLoop;
  
  function createFood() {
    const food = {
      x: Math.floor(Math.random() * (canvasWidth / cellSize)) * cellSize,
      y: Math.floor(Math.random() * (canvasHeight / cellSize)) * cellSize
    };
    return food;
  }
  
  function createSnake() {
    const snake = {
      body: [
        { x: 5 * cellSize, y: 0 },
        { x: 4 * cellSize, y: 0 },
        { x: 3 * cellSize, y: 0 },
        { x: 2 * cellSize, y: 0 },
        { x: cellSize, y: 0 }
      ],
      direction: directions.RIGHT
    };
    return snake;
  }
  
  function draw() {
    // Desenha o background
    context.fillStyle = "#f9f9f9";
    context.fillRect(0, 0, canvasWidth, canvasHeight);
  
    // Desenha a comida
    context.fillStyle = "#FF0000";
    context.fillRect(food.x, food.y, cellSize, cellSize);
  
    // Desenha a cobra
    context.fillStyle = "#000";
    snake.body.forEach(part => {
      context.fillRect(part.x, part.y, cellSize, cellSize);
    });
  }
  
  function update() {
    // Move a cobra
    const head = {
      x: snake.body[0].x + direction.x * cellSize,
      y: snake.body[0].y + direction.y * cellSize
    };
    snake.body.unshift(head);
    snake.body.pop();
  
    // Verifica colisão com a comida
    if (head.x === food.x && head.y === food.y) {
      // Aumenta o tamanho da cobra e cria nova comida
      score++;
      speed -= 5; // Aumenta a velocidade a cada comida comida
      snake.body.push({});
      food.x = Math.floor(Math.random() * (canvasWidth / cellSize)) * cellSize;
      food.y = Math.floor(Math.random() * (canvasHeight / cellSize)) * cellSize;
    }
  
    // Verifica colisão com as paredes
    if (
      head.x < 0 ||
      head.x >= canvasWidth ||
      head.y < 0 ||
      head.y >= canvasHeight
    ) {
      gameOver();
    }
  
    // Verifica colisão com o próprio corpo
    for (let i = 1; i < snake.body.length; i++) {
      if (head.x === snake.body[i].x && head.y === snake.body[i].y) {
        gameOver();
      }
    }
  }
  
  function gameOver() {
    clearInterval(gameLoop);
    alert("Game Over! Pontuação: " + score);
    reset();
    startGame();
  }
  
  function reset() {
    snake.body = createSnake().body;
    snake.direction = createSnake().direction;
    direction = directions.RIGHT;
    score = 0;
    speed = initialSpeed;
  }
  
  function handleInput(event) {
    const key = event.keyCode;
  
    if (key === 38 && direction !== directions.DOWN) {
      direction = directions.UP;
    } else if (key === 40 && direction !== directions.UP) {
      direction = directions.DOWN;
    } else if (key === 37 && direction !== directions.RIGHT) {
      direction = directions.LEFT;
    } else if (key === 39 && direction !== directions.LEFT) {
      direction = directions.RIGHT;
    }
  }
  
  function startGame() {
    gameLoop = setInterval(() => {
      update();
      draw();
    }, speed);
  }
  
  // Inicia o jogo
  startGame();
  
  // Manipula as teclas pressionadas
  document.addEventListener("keydown", handleInput);
}
</script>
</body>
</html>