each creature tries to k○ll each other and lay eggs ofk the one that hatches from the egg is slightly different they move using pathfinding and change target only once they k○lled their current target and some run from others a creature has a randomly colored body that is a circle and a mouth that is an X if a mouth touches a creature the creature that gets touched dies and the k○ller creature grows also creatures may spawn off screen and move onto screen bigger cell k○lls smaller cell add walls's game

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

No:48075

←

Prev Next

→

each creature tries to k○ll each other and lay egg..ALL
Developer User20679｜Date and time 24/3/1 8:22:59
Build time 10.61 sec｜Game capacity 3.779KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cell Battle Game</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

const creatures = [];
        const walls = [
            { x: 200, y: 200, width: 400, height: 20 },
            { x: 100, y: 300, width: 20, height: 200 }
        ];

class Creature {
            constructor(x, y) {
                this.x = x;
                this.y = y;
                this.color = getRandomColor();
                this.size = 10;
                this.target = null;
            }

draw() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.size, 0, 2 * Math.PI);
                ctx.fillStyle = this.color;
                ctx.fill();
                ctx.closePath();

ctx.fillStyle = "black";
                ctx.fillText("X", this.x - 5, this.y + 5);
            }

move() {
                if (this.target) {
                    if (this.distanceTo(this.target) <= this.size) {
                        if (this.size > this.target.size) {
                            this.size += 1;
                            creatures.splice(creatures.indexOf(this.target), 1);
                        } else {
                            this.size -= 1;
                            creatures.splice(creatures.indexOf(this), 1);
                        }
                    } else {
                        this.x += Math.sign(this.target.x - this.x);
                        this.y += Math.sign(this.target.y - this.y);
                    }
                } else {
                    const nextTarget = this.findClosestCreature();
                    this.target = nextTarget;
                }
            }

findClosestCreature() {
                let closestDistance = Infinity;
                let closestCreature = null;

creatures.forEach(creature => {
                    const distance = this.distanceTo(creature);
                    if (distance < closestDistance) {
                        closestDistance = distance;
                        closestCreature = creature;
                    }
                });

return closestCreature;
            }

distanceTo(otherCreature) {
                return Math.sqrt((this.x - otherCreature.x) ** 2 + (this.y - otherCreature.y) ** 2);
            }
        }

function getRandomColor() {
            const letters = "0123456789ABCDEF";
            let color = "#";
            for (let i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }

function createInitialCreatures() {
            for (let i = 0; i < 10; i++) {
                const x = Math.random() * canvas.width;
                const y = Math.random() * canvas.height;
                creatures.push(new Creature(x, y));
            }
        }

function drawWalls() {
            walls.forEach(wall => {
                ctx.fillStyle = "gray";
                ctx.fillRect(wall.x, wall.y, wall.width, wall.height);
            });
        }

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

creatures.forEach(creature => {
                creature.move();
                creature.draw();
            });

drawWalls();

requestAnimationFrame(gameLoop);
        }

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