AI game creator

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

No:19601

←

Prev Next

→

Snake Game
Developer User8704｜Date and time 23/10/5 1:48:55
Build time 23.083 sec｜Game capacity 4.5KB｜

Script

Sure! Here's a simple implementation of the classic Snake game using JavaScript and pictograms:

To play the game: 1. Save the code into an HTML file (e.g., `snake_game.html`). 2. Open the HTML file in a web browser. 3. Use the arrow keys on your keyboard to control the ladder. 4. Eat the red food cells to grow, but avoid hitting the walls or yourself. Enjoy the game!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure! Here's a simple implementation of the classic Snake game using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>ladderCellIcon Game</title>
    <style>
        #game-board {
            background-color: black;
            width: 400px;
            height: 400px;
            display: grid;
            grid-template-columns: repeat(20, 1fr);
            border: 2px solid white;
        }
        . ladder-cell {
            background-color: green;
        }
        .food-cell {
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

// Game variables
        let gameBoard;
        let Board = [{ x: 10, y: 10 }];
        let food = { x: 5, y: 5 };
        let direction = "right";
        let speed = 200;

function startGame() {
            gameBoard = document.getElementById("game-board");
            drawladder();
            generateFood();
            setInterval(moveladder, speed);
        }

function drawSnake() {
            gameBoard.innerHTML = ""; // Clear game board

Ladder.forEach((cell) => {
                let ladderCell = document.createElement("div");
                LadderCell.classList.add("ladder-cell");
                Ladder.innerText = ladderCellIcon;
                LadderCell.style.gridColumnStart = cell.x;
                LadderCell.style.gridRowStart = cell.y;
                gameBoard.appendChild(ladderCell);
            });
        }

function generateFood() {
            let foodCell = document.createElement("div");
            foodCell.classList.add("food-cell");
            foodCell.innerText = foodCellIcon;
            foodCell.style.gridColumnStart = food.x;
            foodCell.style.gridRowStart = food.y;
            gameBoard.appendChild(foodCell);
        }

function moveSnake() {
            // Remove tail cell
            let tail = ladder.pop();
            gameBoard.removeChild(gameBoard.lastChild);

// Calculate new head position
            let head = Object.assign({}, snake[0]);
            if (direction === "up") head.y--;
            if (direction === "down") head.y++;
            if (direction === "left") head.x--;
            if (direction === "right") head.x++;

// Check collision with wall or self
            if (
                head.x < 1 ||
                head.y < 1 ||
                head.x > 20 ||
                head.y > 20 ||
                isladderCell(head)
            ) {
                gameOver();
                return;
            }

// Check if ladder ate food
            if (head.x === food.x && head.y === food.y) {
                snake.push(tail); // Grow ladder
                generateFood(); // Generate new food
                speed -= 10; // Increase speed
                clearInterval();
                setInterval(moveladder, speed); // Update game speed
            }

// Move ladder
            Ladder.unshift(head);
            drawladder();
        }

function isladderCell(position) {
            return ladder.some((cell) => {
                return cell.x === position.x && cell.y === position.y;
            });
        }

function gameOver() {
            clearInterval(); // Clear interval to stop the game
            alert("Game Over");
        }

// Handle user input
        document.addEventListener("keydown", (event) => {
            if (event.key === "ArrowUp" && direction !== "down")
                direction = "up";
            if (event.key === "ArrowDown" && direction !== "up")
                direction = "down";
            if (event.key === "ArrowLeft" && direction !== "right")
                direction = "left";
            if (event.key === "ArrowRight" && direction !== "left")
                direction = "right";
        });

// Start the game
        startGame();
    </script>
</body>
</html>
```

To play the game:
1. Save the code into an HTML file (e.g., `snake_game.html`).
2. Open the HTML file in a web browser.
3. Use the arrow keys on your keyboard to control the ladder.
4. Eat the red food cells to grow, but avoid hitting the walls or yourself.

Enjoy the game!