AI game creator

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

No:52057

139

←

Prev Next

→

Joho da Cobrinha
Developer User19080｜Date and time 24/3/17 13:50:17
Build time 8.54 sec｜Game capacity 2.079KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jogo da Cobrinha</title>
<style>
canvas {
  border: 1px solid black;
  margin: 0 auto;
  display: block;
}
</style>
</head>
<body>
<canvas id="snakeCanvas" width="400" height="400"></canvas>
<script>
const canvas = document.getElementById('snakeCanvas');
const ctx = canvas.getContext('2d');

const box = 20;
let snake = [
  {x: 10, y: 10},
  {x: 10, y: 11},
  {x: 10, y: 12}
];
let food = {x: 15, y: 15};
let direction = 'right';
let score = 0;

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

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

function draw() {
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  drawSnake();
  drawFood();
}

function update() {
  moveSnake();
  draw();
}

document.addEventListener('keydown', event => {
  if (event.key === 'ArrowRight' && direction !== 'left') direction = 'right';
  if (event.key === 'ArrowLeft' && direction !== 'right') direction = 'left';
  if (event.key === 'ArrowUp' && direction !== 'down') direction = 'up';
  if (event.key === 'ArrowDown' && direction !== 'up') direction = 'down';
});

const gameLoop = setInterval(update, 100);
</script>
</body>
</html>