Jeu du serpent

2,352 0 Jeux Anes_unk Suivre

Remixer Ouvrir dans l'éditeur Plein écran Discuter Publiez votre code

Recommandé

12 December 2025

Démo de jeu de combat Ragdoll (HTML, CSS, JS)

12 December 2025

Structure HTML du jeu Tic Tac Toe

27 March 2026

jeux

HTML

CSS

const canvas = document.getElementById('gameCanvas');
const ctx = canvas.getContext('2d');

canvas.width = 500;
canvas.height = 500;

function moveSnake() {
  const head = { ...snake[0] };

if (direction === 'UP') head.y -= blockSize;
  if (direction === 'DOWN') head.y += blockSize;
  if (direction === 'LEFT') head.x -= blockSize;
  if (direction === 'RIGHT') head.x += blockSize;

snake.unshift(head);

if (head.x === food.x && head.y === food.y) {
    score += 10;
    food = generateFood();
    updateScore();
    if (score % 50 === 0) {
      speed -= 10;
    }
  } else {
    snake.pop();
  }
}

function generateFood() {
  let x = Math.floor(Math.random() * (canvas.width / blockSize)) * blockSize;
  let y = Math.floor(Math.random() * (canvas.height / blockSize)) * blockSize;
  return { x, y };
}

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

function checkCollisions() {
  const head = snake[0];

if (head.x < 0 || head.x >= canvas.width || head.y < 0 || head.y >= canvas.height) {
    gameOver = true;
  }

for (let i = 1; i < snake.length; i++) {
    if (head.x === snake[i].x && head.y === snake[i].y) {
      gameOver = true;
    }
  }
}

function updateScore() {
  document.getElementById('scoreDisplay').innerText = `Score: ${score}`;
}

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

function gameLoop() {
  if (gameOver) return showGameOver();

moveSnake();
  checkCollisions();
  draw();
}

function showGameOver() {
  document.getElementById('gameOverText').style.display = 'block';
}

setInterval(gameLoop, speed);

Comments 0

…