snake but you get longer.'s game

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

No:37489

←

Prev Next

→

snake but you get longer.
Developer User17003｜Date and time 24/1/21 4:26:55
Build time 10.888 sec｜Game capacity 3.76KB｜

Script

Sure! Here's an example of a simple Snake game implemented as a single HTML file:

To play the game, simply open the HTML file in a web browser on your smartphone. You can control the snake's movement using the arrow keys on your keyboard. The goal of the game is to eat the red food items to make the snake longer. The game will refresh every 100 milliseconds, creating the illusion of continuous movement.

←

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:

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

<head>
    <title>Snake Game</title>
    <style>
        canvas {
            border: 1px solid #000;
            background-color: #f1f1f1;
        }
    </style>
</head>

// Set the initial snake position and size
        let snake = [{ x: 10, y: 10 }];
        let snakeSize = 10;

// Set the initial food position
        let food = {
            x: Math.floor(Math.random() * (canvas.width / snakeSize)) * snakeSize,
            y: Math.floor(Math.random() * (canvas.height / snakeSize)) * snakeSize
        };

// Set the initial direction
        let direction = "right";

// Function to draw the snake and food on the canvas
        function draw() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the snake
            ctx.fillStyle = "#000";
            snake.forEach(segment => {
                ctx.fillRect(segment.x, segment.y, snakeSize, snakeSize);
            });

// Draw the food
            ctx.fillStyle = "#f00";
            ctx.fillRect(food.x, food.y, snakeSize, snakeSize);
        }

// Function to update the snake position
        function update() {
            // Get the new head position based on the current direction
            let newX = snake[0].x;
            let newY = snake[0].y;

if (direction === "right") newX += snakeSize;
            if (direction === "left") newX -= snakeSize;
            if (direction === "up") newY -= snakeSize;
            if (direction === "down") newY += snakeSize;

// Check if snake eats the food
            if (newX === food.x && newY === food.y) {
                // Generate new food
                food = {
                    x: Math.floor(Math.random() * (canvas.width / snakeSize)) * snakeSize,
                    y: Math.floor(Math.random() * (canvas.height / snakeSize)) * snakeSize
                };

// Increase the length of the snake
                snakeSize += 5;
            } else {
                // Remove the tail segment
                snake.pop();
            }

// Create a new head segment
            let newHead = { x: newX, y: newY };
            snake.unshift(newHead);
        }

// Function to handle keyboard input
        function handleKeydown(event) {
            if (event.key === "ArrowRight" && direction !== "left") direction = "right";
            if (event.key === "ArrowLeft" && direction !== "right") direction = "left";
            if (event.key === "ArrowUp" && direction !== "down") direction = "up";
            if (event.key === "ArrowDown" && direction !== "up") direction = "down";
        }

// Start the game
        function start() {
            draw();
            setInterval(() => {
                update();
                draw();
            }, 100); // Game speed
        }

// Register the keyboard input listener and start the game
        document.addEventListener("keydown", handleKeydown);
        start();
    </script>
</body>

</html>
```