AI game creator

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

No:52714

217

←

Prev Next

→

Snake Game
Developer User14077｜Date and time 24/3/24 7:13:56
Build time 15.465 sec｜Game capacity 3.854KB｜

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 Spiel</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

function drawSnakePart(snakePart) {
            ctx.fillStyle = 'green';
            ctx.strokeStyle = 'black';
            ctx.fillRect(snakePart.x, snakePart.y, snakeSize, snakeSize);
            ctx.strokeRect(snakePart.x, snakePart.y, snakeSize, snakeSize);
        }

function drawSnake() {
            snake.forEach(drawSnakePart);
        }

function createFood() {
            foodX = Math.round(Math.random() * (canvas.width - snakeSize) / snakeSize) * snakeSize;
            foodY = Math.round(Math.random() * (canvas.height - snakeSize) / snakeSize) * snakeSize;
        }

function drawFood() {
            ctx.fillStyle = 'red';
            ctx.strokeStyle = 'black';
            ctx.fillRect(foodX, foodY, snakeSize, snakeSize);
            ctx.strokeRect(foodX, foodY, snakeSize, snakeSize);
        }

function drawScore() {
            ctx.fillStyle = 'black';
            ctx.font = '20px Arial';
            ctx.fillText('Score: ' + score, 10, 25);
        }

function gameLoop() {
            if (isGameOver()) {
                alert('Game Over! Your score was: ' + score);
                document.location.reload();
            }

ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawFood();
            advanceSnake();
            drawSnake();
            drawScore();
        }

createFood();
        setInterval(gameLoop, 100);
        document.addEventListener('keydown', changeDirection);
    </script>
</body>
</html>
```