snKe you go slow with food's game

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

No:37687

138

←

Prev Next

→

snKe you go slow with food
Developer User17003｜Date and time 24/1/21 9:12:01
Build time 11.454 sec｜Game capacity 3.708KB｜

Script

Sure! I can help you create a simple game where the player controls a snake to eat food. Here's an example of how it can be implemented in a single HTML file using JavaScript:

The above code will create a canvas element where the game is displayed. The player can control the snake using the arrow keys on their smartphone. The snake moves around the canvas, and when it eats the food, the score increases. The game will end if the snake hits the walls or collides with itself. This is a basic implementation of a snake game using JavaScript and HTML. You can customize the styles, graphics, and gameplay as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! I can help you create a simple game where the player controls a snake to eat food. Here's an example of how it can be implemented in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Snake Game</title>
  <style>
    canvas {
      border: 1px solid black;
      background-color: #ddd;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    // Game variables
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    const tileSize = 20;
    let snake = [{x: 10, y: 10}];
    let food = {x: 15, y: 15};
    let score = 0;
    let direction = "right";

// Game loop
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      moveSnake();
      drawSnake();
      drawFood();
      checkCollision();

// Move snake based on direction
      function moveSnake() {
        const head = {x: snake[0].x, y: snake[0].y};
        switch (direction) {
          case "up":
            head.y -= 1;
            break;
          case "down":
            head.y += 1;
            break;
          case "left":
            head.x -= 1;
            break;
          case "right":
            head.x += 1;
            break;
        }
        snake.unshift(head);
        if (head.x === food.x && head.y === food.y) {
          score++;
          generateFood();
        } else {
          snake.pop();
        }
      }

// Draw snake
      function drawSnake() {
        snake.forEach(segment => {
          ctx.fillStyle = "#333";
          ctx.fillRect(segment.x * tileSize, segment.y * tileSize, tileSize, tileSize);
        });
      }

// Generate new random food position
      function generateFood() {
        food = {
          x: Math.floor(Math.random() * (canvas.width / tileSize)),
          y: Math.floor(Math.random() * (canvas.height / tileSize))
        };
      }

// Draw food
      function drawFood() {
        ctx.fillStyle = "#f00";
        ctx.fillRect(food.x * tileSize, food.y * tileSize, tileSize, tileSize);
      }

// Check for collision with walls or self
      function checkCollision() {
        const head = snake[0];

if (
          head.x < 0 ||
          head.x >= canvas.width / tileSize ||
          head.y < 0 ||
          head.y >= canvas.height / tileSize ||
          snake.slice(1).some(segment => segment.x === head.x && segment.y === head.y)
        ) {
          // Game over
          clearInterval(interval);
          alert("Game over! Your score is: " + score);
        }
      }
    }

// Handle keyboard controls
    document.addEventListener("keydown", function(event) {
      const key = event.keyCode;
      if (key === 38 && direction !== "down") { // Up key
        direction = "up";
      } else if (key === 40 && direction !== "up") { // Down key
        direction = "down";
      } else if (key === 37 && direction !== "right") { // Left key
        direction = "left";
      } else if (key === 39 && direction !== "left") { // Right key
        direction = "right";
      }
    });

// Start the game
    const interval = setInterval(gameLoop, 100);
  </script>
</body>
</html>
```

This is a basic implementation of a snake game using JavaScript and HTML. You can customize the styles, graphics, and gameplay as per your requirements.