AI game creator

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

No:20001

5091

←

Prev Next

→

Make the game snake
Developer anonymous｜Date and time 70/1/1 10:22:32
Build time unknown sec｜Game capacity 4.952KB｜

Script

Sure, here's an example of a simple implementation of the classic Snake game in a single HTML file using JavaScript:

This implementation creates a game board with a green snake represented by blocks and a red food item. The player controls the snake using the arrow keys to eat the food and grow longer. The game ends if the snake collides with the boundaries of the game board or with itself, and it restarts automatically.

←

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 implementation of the classic Snake game in a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game-board {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            position: relative;
        }

.snake-body {
            width: 20px;
            height: 20px;
            background-color: green;
            position: absolute;
        }

#food {
            width: 20px;
            height: 20px;
            background-color: red;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>

function startGame() {
                createSnake();
                createFood();
                document.addEventListener('keydown', changeDirection);
                setInterval(moveSnake, 200);
            }

function createSnake() {
                snake.forEach((segment) => {
                    const segmentElement = document.createElement('div');
                    segmentElement.className = 'snake-body';
                    segmentElement.style.left = segment.x + 'px';
                    segmentElement.style.top = segment.y + 'px';
                    gameBoard.appendChild(segmentElement);
                });
            }

function createFood() {
                food.x = Math.floor(Math.random() * 19) * 20;
                food.y = Math.floor(Math.random() * 19) * 20;
                const foodElement = document.createElement('div');
                foodElement.id = 'food';
                foodElement.style.left = food.x + 'px';
                foodElement.style.top = food.y + 'px';
                gameBoard.appendChild(foodElement);
            }

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

snake.unshift(head);
                if (head.x === food.x && head.y === food.y) {
                    gameBoard.removeChild(document.getElementById('food'));
                    createFood();
                } else {
                    snake.pop();
                }

updateSnake();
                checkCollision();
            }

function updateSnake() {
                const snakeBodies = document.querySelectorAll('.snake-body');
                snakeBodies.forEach((body, index) => {
                    body.style.left = snake[index].x + 'px';
                    body.style.top = snake[index].y + 'px';
                });
            }

startGame();
        });
    </script>
</body>
</html>
```