AI game creator

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

No:50098

105

←

Prev Next

→

Snake Game
Developer User21230｜Date and time 24/3/7 19:11:42
Build time 15.563 sec｜Game capacity 3.304KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Snake Game</title>
    <style>
        #gameBoard {
            width: 400px;
            height: 400px;
            background-color: #f0f0f0;
            border: 2px solid #000;
            position: relative;
        }
        .snake {
            width: 20px;
            height: 20px;
            background-color: green;
            position: absolute;
        }
        #food {
            width: 20px;
            height: 20px;
            background-color: red;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="gameBoard">
        <div class="snake" id="snake"></div>
        <div id="food"></div>
    </div>

function drawFood() {
            foodElement.style.gridArea = `${food.y} / ${food.x} / ${food.y + 1} / ${food.x + 1}`;
        }

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

if (head.x === food.x && head.y === food.y) {
                score++;
                food.x = Math.floor(Math.random() * 20);
                food.y = Math.floor(Math.random() * 20);
            } else {
                snake.pop();
            }
        }

function checkGameOver() {
            if (snake[0].x < 0 || snake[0].x >= 20 || snake[0].y < 0 || snake[0].y >= 20) {
                alert(`Game Over! Your score: ${score}`);
                location.reload();
            }

for (let i = 1; i < snake.length; i++) {
                if (snake[i].x === snake[0].x && snake[i].y === snake[0].y) {
                    alert(`Game Over! Your score: ${score}`);
                    location.reload();
                }
            }
        }

function updateGame() {
            gameBoard.innerHTML = '';
            drawSnake();
            drawFood();
            updateSnake();
            checkGameOver();
        }

setInterval(updateGame, 200);
        
    </script>
</body>
</html>