a snake game where there is a score and there is a snake that you control with your finger on the phone and you have to get apples the bigger you will be's game

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

No:27742

←

Prev Next

→

a snake game where there is a score and there is a..ALL
Developer User13727｜Date and time 23/12/8 20:26:54
Build time 42.073 sec｜Game capacity 3.651KB｜

Script

Sure! Here's a simple implementation of the Snake game using JavaScript and HTML. Copy the code below and save it as a single HTML file (e.g., "snake_game.html"), then open it in a web browser, preferably on a smartphone, to play the game:

To play the game: 1. Open the saved "snake_game.html" file in a web browser. 2. Move your finger or mouse within the canvas area to control the snake. 3. Eat the red apples to grow your snake and increase your score. 4. Avoid running into the boundaries or the snake's own body. Have fun playing the Snake game!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style type="text/css">
    #gameCanvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Snake game implementation

// Get the canvas element
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");

// Initial position of the snake
    var snake = [{x: 200, y: 200}];

// Initial position of the apple
    var apple = {x: 100, y: 100};

// Direction of the snake
    var direction = {x: 0, y: 0};

// Current score
    var score = 0;

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

// Move the snake
      var head = {x: snake[0].x + direction.x, y: snake[0].y + direction.y};
      snake.unshift(head);

// Check collision with apple
      if (head.x === apple.x && head.y === apple.y) {
        // Increase score and generate a new apple
        score++;
        generateApple();
      } else {
        // Remove the tail segment
        snake.pop();
      }

// Draw the snake
      snake.forEach(function(segment) {
        context.fillStyle = "green";
        context.fillRect(segment.x, segment.y, 20, 20);
      });

// Draw the apple
      context.fillStyle = "red";
      context.fillRect(apple.x, apple.y, 20, 20);

// Draw the score
      context.fillStyle = "black";
      context.font = "20px Arial";
      context.fillText("Score: " + score, 10, 30);
    }

// Generate a new apple at a random position
    function generateApple() {
      apple.x = Math.floor(Math.random() * (canvas.width / 20)) * 20;
      apple.y = Math.floor(Math.random() * (canvas.height / 20)) * 20;

// Check if the apple spawned on the snake's body, regenerate if true
      for (var i = 0; i < snake.length; i++) {
        if (apple.x === snake[i].x && apple.y === snake[i].y) {
          generateApple();
          break;
        }
      }
    }

// Handle finger or mouse movement
    function handleMove(event) {
      // Calculate movement direction based on touch/mouse position
      var rect = canvas.getBoundingClientRect();
      var touchX = event.targetTouches ? event.targetTouches[0].pageX : event.pageX;
      var touchY = event.targetTouches ? event.targetTouches[0].pageY : event.pageY;

direction.x = touchX - rect.left - snake[0].x;
      direction.y = touchY - rect.top - snake[0].y;

// Normalize the direction vector
      var dirMagnitude = Math.sqrt(direction.x * direction.x + direction.y * direction.y);
      direction.x /= dirMagnitude;
      direction.y /= dirMagnitude;
    }

// Start the game
    function startGame() {
      generateApple();
      setInterval(update, 100);
    }

// Event listener for finger or mouse movement
    canvas.addEventListener("touchmove", handleMove, false);
    canvas.addEventListener("mousemove", handleMove, false);

// Start the game
    startGame();
  </script>
</body>
</html>
```

To play the game:
1. Open the saved "snake_game.html" file in a web browser.
2. Move your finger or mouse within the canvas area to control the snake.
3. Eat the red apples to grow your snake and increase your score.
4. Avoid running into the boundaries or the snake's own body.

Have fun playing the Snake game!