AI game creator

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

No:44748

←

Prev Next

→

Snake Game
Developer User19302｜Date and time 24/2/19 1:49:33
Build time 11.148 sec｜Game capacity 2.792KB｜

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: black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="snakeCanvas" width="400" height="400"></canvas>

const box = 10;
    let snake = [{ x: 200, y: 200 }];
    let food = { x: 0, y: 0 };
    let score = 0;

let dx = 0;
    let dy = box;

function drawSnake() {
      ctx.fillStyle = 'lime';
      snake.forEach((segment) => {
        ctx.fillRect(segment.x, segment.y, box, box);
      });
    }

function drawFood() {
      ctx.fillStyle = 'red';
      ctx.fillRect(food.x, food.y, box, box);
    }

function randomPosition() {
      return Math.floor(Math.random() * 40) * box;
    }

function newFood() {
      food.x = randomPosition();
      food.y = randomPosition();
    }

function updateScore() {
      ctx.fillStyle = 'white';
      ctx.font = '20px Arial';
      ctx.fillText(`Pontos: ${score}`, 10, 30);
    }

function eatFood(newX, newY) {
      if (newX === food.x && newY === food.y) {
        score++;
        newFood();
      } else {
        snake.pop();
      }
    }

function move() {
      const newX = snake[0].x + dx;
      const newY = snake[0].y + dy;

if (gameOver()) {
        clearInterval(game);
        alert('Game Over! Pontuação final: ' + score);
        document.location.reload();
      } else {
        eatFood(newX, newY);

snake.unshift({ x: newX, y: newY });
        drawSnake();

if (newX !== food.x || newY !== food.y) {
          snake.pop();
        }

drawFood();
        updateScore();
      }
    }

newFood();
    let game = setInterval(move, 100);

document.addEventListener('keydown', changeDirection);
  </script>
</body>
</html>