AI game creator

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

No:34028

←

Prev Next

→

Snake Game
Developer User15998｜Date and time 24/1/7 20:04:32
Build time 31.872 sec｜Game capacity 3.205KB｜

Script

Sure! Below is an example of a simple Snake game implemented as a single HTML file:

This code implements a basic Snake game using JavaScript and HTML canvas. The player controls the snake using the arrow keys, and the objective is to eat the apple. Each time the snake eats an apple, it grows longer. The game ends if the snake collides with the walls or itself. Note: This is a simplified example for demonstration purposes. You can enhance the game by adding more features like scoring, levels, and additional game mechanics.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Below is an example of a simple Snake game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Snake Game</title>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

var snakeSize = 20;
      var direction;
      var snake = [
        { x: 5, y: 5 },
        { x: 5, y: 6 },
        { x: 5, y: 7 }
      ];

var apple = { x: 10, y: 10 };

function drawSnake() {
        snake.forEach(function(segment) {
          ctx.fillStyle = "#1f8c72";
          ctx.fillRect(segment.x * snakeSize, segment.y * snakeSize, snakeSize, snakeSize);
          ctx.strokeStyle = "#138b6b";
          ctx.strokeRect(segment.x * snakeSize, segment.y * snakeSize, snakeSize, snakeSize);
        });
      }

function drawApple() {
        ctx.fillStyle = "#e74c3c";
        ctx.fillRect(apple.x * snakeSize, apple.y * snakeSize, snakeSize, snakeSize);
        ctx.strokeStyle = "#c0392b";
        ctx.strokeRect(apple.x * snakeSize, apple.y * snakeSize, snakeSize, snakeSize);
      }

function move() {
        var head = { x: snake[0].x, y: snake[0].y };

if (direction === "up") {
          head.y--;
        } else if (direction === "down") {
          head.y++;
        } else if (direction === "left") {
          head.x--;
        } else if (direction === "right") {
          head.x++;
        }

snake.unshift(head);

if (head.x === apple.x && head.y === apple.y) {
          apple = {
            x: Math.floor(Math.random() * (canvas.width / snakeSize)),
            y: Math.floor(Math.random() * (canvas.height / snakeSize))
          };
        } else {
          snake.pop();
        }
      }

function drawGame() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawSnake();
        drawApple();
      }

function gameLoop() {
        move();
        drawGame();
      }

setInterval(gameLoop, 100);
    })();
  </script>
</body>
</html>
```

Note: This is a simplified example for demonstration purposes. You can enhance the game by adding more features like scoring, levels, and additional game mechanics.