Ai Snake .the 5 ai snakes auto searches the canvas for the apple gets a point and grows each time he eats show how long it takes's game

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

No:47165

146

←

Prev Next

→

Ai Snake .the 5 ai snakes auto searches the canvas..ALL
Developer User18896｜Date and time 24/2/27 10:32:47
Build time 11.977 sec｜Game capacity 3.641KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ai Snake Game</title>
<style>
    canvas {
        border: 1px solid black;
        display: block;
        margin: 0 auto;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>

const blockSize = 10;
    let appleX, appleY;
    let aiSnakes = [];

class AiSnake {
        constructor() {
            this.x = Math.floor(Math.random() * (canvas.width / blockSize)) * blockSize;
            this.y = Math.floor(Math.random() * (canvas.height / blockSize)) * blockSize;
            this.tail = [{
                x: this.x,
                y: this.y
            }];
            this.direction = 'right';
        }

draw() {
            ctx.fillStyle = 'green';
            ctx.fillRect(this.x, this.y, blockSize, blockSize);
            this.tail.forEach(part => {
                ctx.fillRect(part.x, part.y, blockSize, blockSize);
            });
        }

update() {
            let prevX = this.x;
            let prevY = this.y;

this.tail[0].x = this.x;
            this.tail[0].y = this.y;

if (this.direction === 'right') {
                this.x += blockSize;
            } else if (this.direction === 'left') {
                this.x -= blockSize;
            } else if (this.direction === 'up') {
                this.y -= blockSize;
            } else if (this.direction === 'down') {
                this.y += blockSize;
            }

this.tail.forEach((part, index) => {
                if (index !== 0) {
                    const tempX = part.x;
                    const tempY = part.y;
                    part.x = prevX;
                    part.y = prevY;
                    prevX = tempX;
                    prevY = tempY;
                }
            });
        }

checkCollision() {
            if (this.x >= canvas.width || this.x < 0 || this.y >= canvas.height || this.y < 0) {
                return true;
            }

return false;
        }

checkAppleCollision() {
            if (this.x === appleX && this.y === appleY) {
                appleX = Math.floor(Math.random() * (canvas.width / blockSize)) * blockSize;
                appleY = Math.floor(Math.random() * (canvas.height / blockSize)) * blockSize;
                
                this.tail.push({ x: this.x, y: this.y });
                return true;
            }

return false;
        }
    }

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

aiSnakes.forEach(snake => {
            snake.update();
            snake.draw();
        });

ctx.fillStyle = 'red';
        ctx.fillRect(appleX, appleY, blockSize, blockSize);

aiSnakes.forEach(snake => {
            if (snake.checkCollision()) {
                console.log('Game Over!');
            }

if (snake.checkAppleCollision()) {
                console.log('Apple Eaten!');
            }
        });

setTimeout(updateGame, 200); // Adjust speed here
    }

function initGame() {
        for (let i = 0; i < 5; i++) {
            aiSnakes.push(new AiSnake());
        }

appleX = Math.floor(Math.random() * (canvas.width / blockSize)) * blockSize;
        appleY = Math.floor(Math.random() * (canvas.height / blockSize)) * blockSize;

updateGame();
    }

initGame();
</script>
</body>
</html>