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

No:15819

107

←

Prev Next

→

Snake Game
Developer User6899｜Date and time 23/9/12 4:33:23
Build time 27.83 sec｜Game capacity 4.385KB｜

Script

Sure! Here's an example of a simple Snake Game implemented as a single HTML file using JavaScript. It includes pictograms and is designed for smartphone operation:

Snake Game

This code will create a Snake Game where the player controls the snake using the arrow keys on their smartphone. The snake must collect apples while avoiding hitting itself or the game board boundaries. The player's score is the length of the snake. If the snake hits itself or goes out of bounds, the game ends and the player is presented with a final score. They can then restart the game by clicking "Ok" on the alert box.

←

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. It includes pictograms and is designed for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game-board {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            height: 300px;
            border: 1px solid black;
        }
        .cell {
            width: 25%;
            height: 25%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            border: 1px solid gray;
        }
    </style>
</head>
<body>
    <h1>Snake Game</h1>
    <div id="game-board"></div>

// Game variables
        const board = document.getElementById('game-board');
        const cells = [];
        let snake = [{ x: 3, y: 2 }];
        let direction = DIRECTIONS.ArrowRight;
        let apple = getRandomPosition();

// Initialize game board
        for (let i = 0; i < BOARD_SIZE * BOARD_SIZE; i++) {
            const cell = document.createElement('div');
            cell.className = 'cell';
            cells.push(cell);
            board.appendChild(cell);
        }

function getRandomPosition() {
            return {
                x: Math.floor(Math.random() * BOARD_SIZE),
                y: Math.floor(Math.random() * BOARD_SIZE)
            };
        }

function render() {
            // Reset game board
            cells.forEach(cell => {
                cell.textContent = '';
            });

// Render apple
            cells[apple.y * BOARD_SIZE + apple.x].textContent = APPLE;

// Render snake
            snake.forEach((segment, index) => {
                cells[segment.y * BOARD_SIZE + segment.x].textContent = SNAKE;
            });
        }

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

// Check if snake hit the apple
            if (head.x === apple.x && head.y === apple.y) {
                apple = getRandomPosition();
            } else {
                snake.pop(); // Remove tail segment
            }
        }

function gameOver() {
            alert('Game Over! You scored ' + (snake.length - 1) + ' points.');
            resetGame();
        }

function resetGame() {
            snake = [{ x: 3, y: 2 }];
            direction = DIRECTIONS.ArrowRight;
            apple = getRandomPosition();
        }

function handleInput(event) {
            const newDirection = DIRECTIONS[event.key];
            if (newDirection && (direction.x + newDirection.x !== 0) && (direction.y + newDirection.y !== 0)) {
                direction = newDirection;
            }
        }

function gameLoop() {
            update();
            render();

// Check if snake hit itself or went out of bounds
            const head = snake[0];
            if (
                head.x < 0 || head.x >= BOARD_SIZE ||
                head.y < 0 || head.y >= BOARD_SIZE ||
                snake.slice(1).some(segment => segment.x === head.x && segment.y === head.y)
            ) {
                gameOver();
                return;
            }

setTimeout(gameLoop, 200); // Run game loop every 200 milliseconds
        }

// Start game loop
        gameLoop();

// Handle keyboard input
        document.addEventListener('keydown', handleInput);
    </script>
</body>
</html>
```