AI game creator

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

No:45399

←

Prev Next

→

Snake game
Developer User19591｜Date and time 24/2/20 14:39:59
Build time 9.978 sec｜Game capacity 2.059KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
const canvas = document.getElementById("gameCanvas");
const ctx = canvas.getContext("2d");

let snake = [{x: 200, y: 200}];
let fruit = {x: 100, y: 100};
let direction = "right";
let gameover = false;

document.addEventListener("keydown", changeDirection);

function newFruit() {
  fruit.x = Math.floor(Math.random() * 40) * 10;
  fruit.y = Math.floor(Math.random() * 40) * 10;
}

function draw() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  
  ctx.fillStyle = "red";
  ctx.fillRect(fruit.x, fruit.y, 10, 10);
  
  ctx.fillStyle = "green";
  snake.forEach(segment => {
    ctx.fillRect(segment.x, segment.y, 10, 10);
  });
}

function gameLoop() {
  if (!gameover) {
    updateSnake();
    checkCollision();
    draw();
    setTimeout(gameLoop, 100);
  } else {
    alert("Game over!");
  }
}

newFruit();
gameLoop();
</script>
</body>
</html>