You're a snake and there's a green apple what do you do eat the apple or don't eat the apple's game

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

No:35243

←

Prev Next

→

You're a snake and there's a green apple what do y..ALL
Developer User16468｜Date and time 24/1/13 17:49:32
Build time 11.521 sec｜Game capacity 3.348KB｜

Script

As a snake in the game, your objective is to eat the green apple. Here's a sample implementation of the game using JavaScript in a single HTML file:

When you open the HTML file in a browser, it will display a canvas representing the game screen. You can navigate the snake using the arrow keys on your smartphone. The objective is to eat the green apple by moving the snake towards it. If the snake collides with the walls or itself, the game will be over and a message will be displayed. You can then start a new game by refreshing the page.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

As a snake in the game, your objective is to eat the green apple. Here's a sample implementation of the game using JavaScript in a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Snake Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Get the game canvas
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

// Define the initial snake position and size
    let snake = [{ x: 200, y: 200 }];
    const size = 20;

// Define the initial apple position
    let apple = { x: getRandomPosition(), y: getRandomPosition() };

// Define the snake's movement direction
    let direction = 'right';

// Generate random position for the apple
    function getRandomPosition() {
      return Math.floor(Math.random() * (canvas.width / size)) * size;
    }

// Update game state
    function update() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move the snake
      const head = { x: snake[0].x, y: snake[0].y };
      switch (direction) {
        case 'left':
          head.x -= size;
          break;
        case 'up':
          head.y -= size;
          break;
        case 'right':
          head.x += size;
          break;
        case 'down':
          head.y += size;
          break;
      }
      snake.unshift(head);

// Check if the snake has eaten the apple
      if (head.x === apple.x && head.y === apple.y) {
        // Increase the snake's size and generate a new apple
        snake.push({});
        apple = { x: getRandomPosition(), y: getRandomPosition() };
      } else {
        // Remove the last segment of the snake
        snake.pop();
      }

// Draw the snake
      snake.forEach(segment => {
        ctx.fillStyle = 'black';
        ctx.fillRect(segment.x, segment.y, size, size);
      });

// Draw the apple
      ctx.fillStyle = 'green';
      ctx.fillRect(apple.x, apple.y, size, size);

// Handle game over conditions
      if (
        head.x < 0 ||
        head.y < 0 ||
        head.x >= canvas.width ||
        head.y >= canvas.height ||
        snake.some((segment, index) => index !== 0 && segment.x === head.x && segment.y === head.y)
      ) {
        alert('Game Over');
        location.reload(); // Refresh the game
      }
    }

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

// Start the game loop
    setInterval(update, 100);
  </script>
</body>
</html>
```