AI game creator

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

No:22911

←

Prev Next

→

Snake Game
Developer User10596｜Date and time 23/10/26 16:28:58
Build time 72.088 sec｜Game capacity 4.801KB｜

Script

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

To play the game, simply open the HTML file in a web browser, and you'll see a game board with a snake and a red food item. Use the arrow keys on your smartphone's keyboard or on-screen controls (if available) to control the snake's movement. The objective is to eat the food and avoid colliding with the walls or yourself. The game will end if you hit a wall or collide with yourself.

←

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 written in 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 #000;
            margin: 0 auto;
            position: relative;
        }
        .snake {
            width: 20px;
            height: 20px;
            position: absolute;
            background-color: #333;
        }
        .food {
            width: 20px;
            height: 20px;
            position: absolute;
            background-color: red;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

const gameBoard = document.getElementById('game-board');

function drawBoard() {
                gameBoard.innerHTML = '';

snake.forEach(segment => {
                    const snakeElement = document.createElement('div');
                    snakeElement.style.left = segment.x * snakeSize + 'px';
                    snakeElement.style.top = segment.y * snakeSize + 'px';
                    snakeElement.classList.add('snake');
                    gameBoard.appendChild(snakeElement);
                });

const foodElement = document.createElement('div');
                foodElement.style.left = food.x * snakeSize + 'px';
                foodElement.style.top = food.y * snakeSize + 'px';
                foodElement.classList.add('food');
                gameBoard.appendChild(foodElement);
            }

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

switch (direction) {
                    case 'up':
                        head.y -= 1;
                        break;
                    case 'down':
                        head.y += 1;
                        break;
                    case 'left':
                        head.x -= 1;
                        break;
                    case 'right':
                        head.x += 1;
                        break;
                }

snake.unshift(head);

if (head.x === food.x && head.y === food.y) {
                    food = { x: Math.floor(Math.random() * boardSize), y: Math.floor(Math.random() * boardSize) };
                } else {
                    snake.pop();
                }
            }

function changeDirection(event) {
                const key = event.keyCode;

switch (key) {
                    case 37:
                        if (direction !== 'right')
                            direction = 'left';
                        break;
                    case 38:
                        if (direction !== 'down')
                            direction = 'up';
                        break;
                    case 39:
                        if (direction !== 'left')
                            direction = 'right';
                        break;
                    case 40:
                        if (direction !== 'up')
                            direction = 'down';
                        break;
                }
            }

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

if (head.x < 0 || head.x >= boardSize || head.y < 0 || head.y >= boardSize) {
                    clearInterval(gameInterval);
                    alert('Game Over!');
                }

for (let i = 1; i < snake.length; i++) {
                    if (snake[i].x === head.x && snake[i].y === head.y) {
                        clearInterval(gameInterval);
                        alert('Game Over!');
                        break;
                    }
                }
            }

document.addEventListener('keydown', changeDirection);

const gameInterval = setInterval(function() {
                moveSnake();
                drawBoard();
                checkCollision();
            }, 200);
        }
    </script>
</body>
</html>
```