snKe you go slow with food's game

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

No:37688

100

←

Prev Next

→

snKe you go slow with food
Developer User17003｜Date and time 24/1/21 9:12:25
Build time 12.489 sec｜Game capacity 4.174KB｜

Script

Sure! Below is a sample code for a simple snake game implemented as a single HTML file using JavaScript and pictograms:

To play the game, you can copy the above code into a new HTML file, save it with a `.html` extension, and open it in a web browser. The game will be mobile-responsive and can be played on a smartphone. Use the arrow keys on a physical keyboard or virtual arrow buttons on a smartphone to control the snake. The objective is to eat the red food while avoiding collisions with the walls and the snake's body.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Below is a sample code for a simple snake game implemented as a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>snKe: Go Slow with Food</title>
    <style>
        body {
            background-color: #222;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            padding: 0;
        }

canvas {
            border: 1px solid #fff;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const gridSize = 20;
        const tileCount = canvas.width / gridSize;

let snake = [{ x: 10, y: 10 }];
        let food = { x: 15, y: 10 };
        let direction = { x: 0, y: 0 };

function drawSnake() {
            ctx.fillStyle = "#fff";
            snake.forEach((segment) => {
                ctx.fillRect(segment.x * gridSize, segment.y * gridSize, gridSize, gridSize);
            });
        }

function drawFood() {
            ctx.fillStyle = "#f00";
            ctx.fillRect(food.x * gridSize, food.y * gridSize, gridSize, gridSize);
        }

function update() {
            const head = { x: snake[0].x + direction.x, y: snake[0].y + direction.y };
            snake.unshift(head);

if (snake[0].x === food.x && snake[0].y === food.y) {
                // Snake ate food, generate new food
                food = {
                    x: Math.floor(Math.random() * tileCount),
                    y: Math.floor(Math.random() * tileCount)
                };
            } else {
                // Snake didn't eat food, remove tail
                snake.pop();
            }
        }

function checkCollision() {
            if (
                snake[0].x < 0 ||
                snake[0].x >= tileCount ||
                snake[0].y < 0 ||
                snake[0].y >= tileCount
            ) {
                // Snake hit the wall, game over
                clearInterval(gameLoop);
                alert("Game Over!");
                location.reload();
            }

for (let i = 1; i < snake.length; i++) {
                if (snake[i].x === snake[0].x && snake[i].y === snake[0].y) {
                    // Snake collided with its own body, game over
                    clearInterval(gameLoop);
                    alert("Game Over!");
                    location.reload();
                }
            }
        }

function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

document.addEventListener("keydown", handleKeydown);

function gameLoop() {
            clearCanvas();
            drawSnake();
            drawFood();
            update();
            checkCollision();
        }

const gameInterval = 200; // milliseconds
        const gameLoop = setInterval(gameLoop, gameInterval);
    </script>
</body>
</html>
```