Ai snake finds apple by itself and grows bigger's game

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

No:48197

153

←

Prev Next

→

Ai snake finds apple by itself and grows bigger
Developer User20712｜Date and time 24/3/1 18:13:40
Build time 33.855 sec｜Game capacity 2.655KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>AI Snake Game</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
        }
        canvas {
            border: 1px solid red;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="600" height="400"></canvas>

const blockSize = 20;
        let snake = [{ x: 10, y: 10 }];
        let apple = { x: 15, y: 15 };
        let direction = 'right';

function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw Apple
            ctx.fillStyle = 'red';
            ctx.fillRect(apple.x * blockSize, apple.y * blockSize, blockSize, blockSize);

// Draw Snake
            ctx.fillStyle = 'green';
            snake.forEach(segment => {
                ctx.fillRect(segment.x * blockSize, segment.y * blockSize, blockSize, blockSize);
            });
        }

// Move Snake
            let newHead = { x: snakeHead.x, y: snakeHead.y };
            if (direction === 'right') newHead.x++;
            if (direction === 'left') newHead.x--;
            if (direction === 'down') newHead.y++;
            if (direction === 'up') newHead.y--;

if (snake.some(segment => segment.x === newHead.x && segment.y === newHead.y)) {
                alert('Game Over!');
                location.reload();
            }

snake.unshift(newHead);

if (snakeHead.x === apple.x && snakeHead.y === apple.y) {
                apple.x = Math.floor(Math.random() * (canvas.width / blockSize));
                apple.y = Math.floor(Math.random() * (canvas.height / blockSize));
            } else {
                snake.pop();
            }
        }

function gameLoop() {
            update();
            draw();
            setTimeout(gameLoop, 100);
        }

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