AI game creator

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

No:39026

5538

←

Prev Next

→

Snake Game
Developer anonymous｜Date and time 70/1/1 10:29:36
Build time unknown sec｜Game capacity 5.376KB｜

Script

Sure! Here's a simple implementation of the Snake game using JavaScript in a single HTML file:

To play the game, simply copy and paste the code into a new HTML file, and open it in a browser (preferably on a smartphone for a better experience). The game board will be displayed, and you can use the arrow keys (or swipe gestures on a smartphone) to control the snake. The objective is to eat the food and grow the snake without hitting the walls or itself. When the game is over, an alert will be shown, and you can restart the game by closing the alert. Enjoy the Snake 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 Snake game using JavaScript in a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Snake Game</title>
    <style>
        #game-board {
            display: flex;
            flex-wrap: wrap;
            max-width: 320px;
            margin: 0 auto;
        }

.cell {
            width: 20px;
            height: 20px;
            border: 1px solid #ccc;
        }

.snake {
            background-color: #000;
        }

.food {
            background-color: #f00;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

// Direction constants
            const LEFT = 'left';
            const UP = 'up';
            const RIGHT = 'right';
            const DOWN = 'down';

// Initial snake position
            let snake = [
                { x: 8, y: 8 },
                { x: 9, y: 8 },
                { x: 10, y: 8 }
            ];

// Initial direction
            let direction = RIGHT;

// Generate random food position
            let food = { x: getRandomPosition(), y: getRandomPosition() };

// Game loop
            setInterval(() => {
                moveSnake();
                render();
                checkCollision();
            }, 200);

function moveSnake() {
                const head = { ...snake[0] };

switch (direction) {
                    case LEFT:
                        head.x--;
                        break;
                    case UP:
                        head.y--;
                        break;
                    case RIGHT:
                        head.x++;
                        break;
                    case DOWN:
                        head.y++;
                        break;
                }

snake.unshift(head);
                if (head.x === food.x && head.y === food.y) {
                    food = { x: getRandomPosition(), y: getRandomPosition() };
                } else {
                    snake.pop();
                }
            }

function getRandomPosition() {
                return Math.floor(Math.random() * BOARD_WIDTH);
            }

function render() {
                const gameBoard = document.getElementById('game-board');
                gameBoard.innerHTML = '';

for (let y = 0; y < BOARD_HEIGHT; y++) {
                    for (let x = 0; x < BOARD_WIDTH; x++) {
                        const cell = document.createElement('div');
                        cell.classList.add('cell');
                        
                        const isSnake = snake.some(segment => segment.x === x && segment.y === y);
                        if (isSnake) {
                            cell.classList.add('snake');
                        }

if (food.x === x && food.y === y) {
                            cell.classList.add('food');
                        }

gameBoard.appendChild(cell);
                    }
                }
            }

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

// Check if snake hits the walls
                if (head.x < 0 || head.x >= BOARD_WIDTH || head.y < 0 || head.y >= BOARD_HEIGHT) {
                    alert('Game Over!');
                    resetGame();
                    return;
                }

// Check if snake hits itself
                if (snake.slice(1).some(segment => segment.x === head.x && segment.y === head.y)) {
                    alert('Game Over!');
                    resetGame();
                    return;
                }
            }

function resetGame() {
                snake = [
                    { x: 8, y: 8 },
                    { x: 9, y: 8 },
                    { x: 10, y: 8 }
                ];

direction = RIGHT;

food = { x: getRandomPosition(), y: getRandomPosition() };
                render();
            }

document.addEventListener('keydown', (event) => {
                event.preventDefault();

if (event.keyCode === 37 && direction !== RIGHT) {
                    direction = LEFT;
                } else if (event.keyCode === 38 && direction !== DOWN) {
                    direction = UP;
                } else if (event.keyCode === 39 && direction !== LEFT) {
                    direction = RIGHT;
                } else if (event.keyCode === 40 && direction !== UP) {
                    direction = DOWN;
                }
            });
        });
    </script>
</body>
</html>
```