AI game creator

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

No:35046

←

Prev Next

→

Snake Game
Developer User16411｜Date and time 24/1/13 5:12:49
Build time 17.021 sec｜Game capacity 4.725KB｜

Script

Sure! Here's an example of a single HTML file containing a Snake game implemented using JavaScript and enclosed in script tags:

To play the game on a smartphone, you can simply open the HTML file in the browser of your smartphone. The game controls are implemented using arrow key presses. Enjoy playing the Snake Game!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a single HTML file containing a Snake game implemented using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>

<head>
    <title>Snake Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

canvas {
            background: #000;
            display: block;
            margin: 20px auto;
        }
    </style>
</head>

// Game constants
        const gameWidth = canvas.width = window.innerWidth - 40;
        const gameHeight = canvas.height = window.innerHeight - 40;

// Snake variables
        const snakeSize = 20;
        let snakeX = gameWidth / 2;
        let snakeY = gameHeight / 2;
        let snakeSpeedX = snakeSize;
        let snakeSpeedY = 0;
        let snakeSegments = [];

// Food variables
        let foodX, foodY;

// Game start
        function startGame() {
            createFood();
            gameLoop();
        }

// Create random food location
        function createFood() {
            foodX = Math.floor(Math.random() * (gameWidth / snakeSize)) * snakeSize;
            foodY = Math.floor(Math.random() * (gameHeight / snakeSize)) * snakeSize;
        }

// Game loop
        function gameLoop() {
            clearCanvas();
            moveSnake();
            drawSnake();
            drawFood();
            handleCollision();

setTimeout(gameLoop, 100); // Control game speed here
        }

// Clear canvas
        function clearCanvas() {
            context.fillStyle = "#000";
            context.fillRect(0, 0, gameWidth, gameHeight);
        }

// Move snake
        function moveSnake() {
            snakeX += snakeSpeedX;
            snakeY += snakeSpeedY;
        }

// Draw snake
        function drawSnake() {
            context.fillStyle = "#00FF00"; // Snake color
            for (let i = 0; i < snakeSegments.length; i++) {
                context.fillRect(snakeSegments[i].x, snakeSegments[i].y, snakeSize, snakeSize);
            }

snakeSegments.push({ x: snakeX, y: snakeY });
            if (snakeSegments.length > 5) {
                snakeSegments.shift();
            }
        }

// Draw food
        function drawFood() {
            context.fillStyle = "#FF0000"; // Food color
            context.fillRect(foodX, foodY, snakeSize, snakeSize);
        }

// Handle collision with food and self
        function handleCollision() {
            const head = snakeSegments[snakeSegments.length - 1];

// Check collision with food
            if (head.x === foodX && head.y === foodY) {
                createFood();
            } else {
                snakeSegments.shift();
            }

// Check collision with self
            for (let i = 0; i < snakeSegments.length - 1; i++) {
                if (head.x === snakeSegments[i].x && head.y === snakeSegments[i].y) {
                    gameOver();
                }
            }

// Check collision with the boundaries
            if (head.x < 0 || head.y < 0 || head.x >= gameWidth || head.y >= gameHeight) {
                gameOver();
            }
        }

// Game over
        function gameOver() {
            alert("Game Over!");
            snakeX = gameWidth / 2;
            snakeY = gameHeight / 2;
            snakeSegments = [];
            snakeSpeedX = snakeSize;
            snakeSpeedY = 0;
        }

// Handle arrow key presses
        document.addEventListener("keydown", function (event) {
            const keyPressed = event.keyCode;
            if (keyPressed === 37 && snakeSpeedX !== snakeSize) {
                snakeSpeedX = -snakeSize;
                snakeSpeedY = 0;
            } else if (keyPressed === 38 && snakeSpeedY !== snakeSize) {
                snakeSpeedX = 0;
                snakeSpeedY = -snakeSize;
            } else if (keyPressed === 39 && snakeSpeedX !== -snakeSize) {
                snakeSpeedX = snakeSize;
                snakeSpeedY = 0;
            } else if (keyPressed === 40 && snakeSpeedY !== -snakeSize) {
                snakeSpeedX = 0;
                snakeSpeedY = snakeSize;
            }
        });

startGame();
    </script>
</body>

</html>
```
To play the game on a smartphone, you can simply open the HTML file in the browser of your smartphone. The game controls are implemented using arrow key presses. Enjoy playing the Snake Game!