साँप का खेल

1325 Anes_unk

संपादक में खोलें अपना कोड प्रकाशित करें

अनुशंसित

4 May 2025

नकली टिकटोक सिक्का भेजने का फॉर्म

22 August 2024

3डी होवर प्रभाव के साथ एनिमेटेड कार्ड

11 July 2025

फ़ॉन्ट विस्मयकारी आइकन के साथ CSS टॉगल मेनू

HTML

CSS

JS

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);

अनुशंसित

नकली टिकटोक सिक्का भेजने का फॉर्म

3डी होवर प्रभाव के साथ एनिमेटेड कार्ड

फ़ॉन्ट विस्मयकारी आइकन के साथ CSS टॉगल मेनू

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS