AI game creator

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

No:49639

←

Prev Next

→

Create a snake game
Developer User21105｜Date and time 24/3/5 22:52:39
Build time 13.39 sec｜Game capacity 3.368KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Snake Game</title>
    <style>
        #gameBoard {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            display: grid;
            grid-template-columns: repeat(15, 1fr);
        }

.cell {
            width: 20px;
            height: 20px;
            border: 1px solid gray;
        }
    </style>
</head>
<body>
    <div id="gameBoard"></div>

function isSnake(x, y) {
            return snake.some(segment => segment.x === x && segment.y === y);
        }

function moveSnake() {
            const head = { ...snake[0] };
            switch(direction) {
                case 'up':
                    head.y--;
                    break;
                case 'down':
                    head.y++;
                    break;
                case 'left':
                    head.x--;
                    break;
                case 'right':
                    head.x++;
                    break;
            }

snake.unshift(head);
            if (head.x === apple.x && head.y === apple.y) {
                generateApple();
            } else {
                snake.pop();
            }
        }

function generateApple() {
            apple.x = Math.floor(Math.random() * boardSize);
            apple.y = Math.floor(Math.random() * boardSize);
        }

function checkCollision() {
            const head = snake[0];
            if (head.x < 0 || head.x >= boardSize || head.y < 0 || head.y >= boardSize || snake.slice(1).some(segment => segment.x === head.x && segment.y === head.y)) {
                clearInterval(intervalId);
                alert('Game Over!');
            }
        }

function gameLoop() {
            moveSnake();
            checkCollision();
            drawBoard();
        }

document.addEventListener('keydown', event => {
            switch(event.key) {
                case 'ArrowUp':
                    direction = 'up';
                    break;
                case 'ArrowDown':
                    direction = 'down';
                    break;
                case 'ArrowLeft':
                    direction = 'left';
                    break;
                case 'ArrowRight':
                    direction = 'right';
                    break;
            }
        });

intervalId = setInterval(gameLoop, 100);

drawBoard();
    </script>
</body>
</html>
```