A Simple Snake game but instead of apples it’s poop's game

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

No:13124

←

Prev Next

→

A Simple Snake game but instead of apples it’s poo..ALL
Developer User5767｜Date and time 23/8/27 3:09:37
Build time 24.689 sec｜Game capacity 4.808KB｜

Script

Sure, here is a simple implementation of the Snake game where instead of apples, the snake eats poop. The game is designed for smartphone operation and uses pictograms for better visualization. Please copy and save the code in a single HTML file to play the game:

To play the game, simply open the HTML file in a web browser on your smartphone. The snake's head is represented by a green square ("snake poop"), and the snake body segments appear as stacked green squares. The poop is a dark brown square. Use the arrow keys to control the snake's direction and try to eat as much poop as possible. Avoid walls and colliding with your own body to stay in the game. If a collision occurs, an "Game Over!" alert will be displayed. Enjoy playing the simple Snake game with a twist!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        canvas {
            background: #000;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

const boxSize = 20;
        const canvasSize = 20;
        const FPS = 10;

canvas.width = boxSize * canvasSize;
        canvas.height = boxSize * canvasSize;

// Game variables
        let snake = [
            { x: 10, y: 10 }
        ];

let poop = { x: 15, y: 10 };

let currentDirection = "Right";

// Handle user input
        window.addEventListener("keydown", function (event) {
            switch (event.key) {
                case "ArrowUp":
                    currentDirection = "Up";
                    break;
                case "ArrowDown":
                    currentDirection = "Down";
                    break;
                case "ArrowLeft":
                    currentDirection = "Left";
                    break;
                case "ArrowRight":
                    currentDirection = "Right";
                    break;
            }
        });

function drawSnakePart(snakePart) {
            context.fillStyle = "#6d9788";
            context.fillRect(snakePart.x * boxSize, snakePart.y * boxSize, boxSize, boxSize);
            context.strokeStyle = "#000";
            context.strokeRect(snakePart.x * boxSize, snakePart.y * boxSize, boxSize, boxSize);
        }

function drawPoop() {
            context.fillStyle = "#4e3520";
            context.fillRect(poop.x * boxSize, poop.y * boxSize, boxSize, boxSize);
            context.strokeStyle = "#000";
            context.strokeRect(poop.x * boxSize, poop.y * boxSize, boxSize, boxSize);
        }

function drawSnake() {
            snake.forEach(drawSnakePart);
        }

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

switch (currentDirection) {
                case "Up":
                    head.y--;
                    break;
                case "Down":
                    head.y++;
                    break;
                case "Left":
                    head.x--;
                    break;
                case "Right":
                default:
                    head.x++;
                    break;
            }

snake.unshift(head);

if (head.x === poop.x && head.y === poop.y) {
                // Snake ate poop
                poop.x = Math.floor(Math.random() * canvasSize);
                poop.y = Math.floor(Math.random() * canvasSize);
            } else {
                snake.pop(); // Remove tail segment
            }
        }

function checkCollision() {
            let head = snake[0];
            
            // Check if snake collided with walls or itself
            if (
                head.x === -1 ||
                head.x === canvasSize ||
                head.y === -1 ||
                head.y === canvasSize ||
                snake.slice(1).some(snakePart => snakePart.x === head.x && snakePart.y === head.y)
            ) {
                clearInterval(gameInterval);
                alert("Game Over!");
            }
        }

function clearCanvas() {
            context.fillStyle = "#000";
            context.fillRect(0, 0, canvas.width, canvas.height);
        }

function gameLoop() {
            clearCanvas();
            drawSnake();
            drawPoop();
            moveSnake();
            checkCollision();
        }

let gameInterval = setInterval(gameLoop, 1000 / FPS);
    </script>
</body>
</html>
```

Enjoy playing the simple Snake game with a twist!