साँप का खेल

757 Anes_unk

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

अनुशंसित

14 September 2024

मेटे का एक कोड

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

साँप का खेल

अनुशंसित

एक सिक्का पलटें

स्काईरियम द्वारा एक कोड

मेटे का एक कोड

HTML

CSS

JS

अनुशंसित

एक सिक्का पलटें

स्काईरियम द्वारा एक कोड

मेटे का एक कोड

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS