AI game creator

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

No:26874

←

Prev Next

→

Snake Game
Developer User13301｜Date and time 23/12/2 23:48:24
Build time 39.89 sec｜Game capacity 4.533KB｜

Script

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

This code creates a Snake game where the player controls a snake using arrow keys on a smartphone. The game board is represented by a grid of cells, and the snake moves by changing its direction according to the key pressed. The objective is to eat the randomly generated food and grow the snake without colliding with the game board boundaries or itself.

←

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>
        #game-board {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            position: relative;
        }
        .cell {
            width: 20px;
            height: 20px;
            background-color: black;
            position: absolute;
        }
        #snake-head {
            background-color: green;
        }
        .food {
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

for (var i = 0; i < boardSize; i++) {
            for (var j = 0; j < boardSize; j++) {
                var cell = document.createElement("div");
                cell.className = "cell";
                cell.style.top = j * 20 + "px";
                cell.style.left = i * 20 + "px";
                board.appendChild(cell);
                cells.push(cell);
            }
        }

// Game Logic
        var snake = [{ x: 10, y: 10 }];
        var direction = "right";
        var food = {};

function generateFood() {
            var x = Math.floor(Math.random() * boardSize);
            var y = Math.floor(Math.random() * boardSize);
            food = { x: x, y: y };
            cells[y * boardSize + x].classList.add("food");
        }

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

if (direction === "right") {
                head.x++;
            } else if (direction === "left") {
                head.x--;
            } else if (direction === "up") {
                head.y--;
            } else if (direction === "down") {
                head.y++;
            }

snake.unshift(head);

if (head.x === food.x && head.y === food.y) {
                cells[food.y * boardSize + food.x].classList.remove("food");
                generateFood();
            } else {
                snake.pop();
            }
        }

function checkCollision() {
            var head = snake[0];

if (
                head.x < 0 ||
                head.x >= boardSize ||
                head.y < 0 ||
                head.y >= boardSize
            ) {
                return true;
            }

for (var i = 1; i < snake.length; i++) {
                if (snake[i].x === head.x && snake[i].y === head.y) {
                    return true;
                }
            }

return false;
        }

function changeDirection(event) {
            switch (event.key) {
                case "ArrowUp":
                    direction = "up";
                    break;
                case "ArrowDown":
                    direction = "down";
                    break;
                case "ArrowLeft":
                    direction = "left";
                    break;
                case "ArrowRight":
                    direction = "right";
                    break;
            }
        }

function updateGame() {
            moveSnake();

if (checkCollision()) {
                clearInterval(gameInterval);
                alert("Game Over!");
                return;
            }

drawSnake();
        }

function drawSnake() {
            cells.forEach(function(cell) {
                cell.classList.remove("snake");
            });

snake.forEach(function(segment) {
                var index = segment.y * boardSize + segment.x;
                if (index >= 0 && index < cells.length) {
                    cells[index].classList.add("snake");
                }
            });
        }

// Start the game
        generateFood();
        drawSnake();
        var gameInterval = setInterval(updateGame, 200);

// Event Listeners
        document.addEventListener("keydown", changeDirection);
    </script>
</body>
</html>
```