AI game creator

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

No:42656

←

Prev Next

→

Snake Game
Developer User18878｜Date and time 24/2/12 13:19:46
Build time 13.463 sec｜Game capacity 4.103KB｜

Script

Sure! Here's an example of a simple Snake Game implemented as a single HTML file, using JavaScript:

To play the game: 1. Open any text editor and copy the code above into a new file with the `.html` extension (e.g., `snake_game.html`). 2. Save the file. 3. Open the saved file in a web browser. 4. Use the arrow keys on your keyboard to control the snake and try to eat the red food while avoiding collisions with the snake itself and the edges of the canvas. Note: This is a basic implementation of the Snake Game and can be further customized or enhanced as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple Snake Game implemented as a single HTML file, using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Snake Game</title>
    <style>
        canvas {
            border: 1px solid black;
            background-color: lightgray;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Get the canvas element
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");

// Set up the initial snake position and direction
        var snakeSize = 10;
        var snake = [
            {x: 150, y: 150},
            {x: 140, y: 150},
            {x: 130, y: 150},
            {x: 120, y: 150},
        ];
        var dx = snakeSize;
        var dy = 0;

// Set up initial food position
        var food = {x: 250, y: 250};

// Update snake position and draw on the canvas
        function drawSnake() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            snake.forEach(drawSnakePart);
        }

function drawSnakePart(snakePart) {
            ctx.fillStyle = 'green';
            ctx.strokeStyle = 'darkgreen';
            ctx.fillRect(snakePart.x, snakePart.y, snakeSize, snakeSize);
            ctx.strokeRect(snakePart.x, snakePart.y, snakeSize, snakeSize);
        }

// Handle arrow key presses to change snake direction
        document.addEventListener("keydown", changeDirection);
        function changeDirection(event) {
            var key = event.keyCode;
            if (key === 37 && dx !== snakeSize) { // Left arrow
                dx = -snakeSize;
                dy = 0;
            } else if (key === 38 && dy !== snakeSize) { // Up arrow
                dx = 0;
                dy = -snakeSize;
            } else if (key === 39 && dx !== -snakeSize) { // Right arrow
                dx = snakeSize;
                dy = 0;
            } else if (key === 40 && dy !== -snakeSize) { // Down arrow
                dx = 0;
                dy = snakeSize;
            }
        }

// Check for game over conditions
        function checkCollision() {
            var head = snake[0];
            if (head.x < 0 || head.y < 0 || head.x >= canvas.width || head.y >= canvas.height
                || snake.slice(1).some(function();
                return;
            }

moveSnake();
            drawSnake();

// Draw the food
            ctx.fillStyle = 'red';
            ctx.fillRect(food.x, food.y, snakeSize, snakeSize);

// Call the game loop function again after a delay
            setTimeout(gameLoop, 100); // Controls game speed (lower value = faster)

}

// Start the game
        var gameInterval = setInterval(gameLoop, 100); // Controls game speed (lower value = faster)
    </script>
</body>
</html>
```

To play the game:

1. Open any text editor and copy the code above into a new file with the `.html` extension (e.g., `snake_game.html`).
2. Save the file.
3. Open the saved file in a web browser.
4. Use the arrow keys on your keyboard to control the snake and try to eat the red food while avoiding collisions with the snake itself and the edges of the canvas.

Note: This is a basic implementation of the Snake Game and can be further customized or enhanced as per your requirements.