Code a game like spore's cell stage but 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's game

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

No:48067

←

Prev Next

→

Code a game like spore's cell stage but each creat..ALL
Developer User20679｜Date and time 24/3/1 8:15:24
Build time 11.8 sec｜Game capacity 3.777KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

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

const creatures = [];

class Creature {
            constructor(x, y, color) {
                this.x = x;
                this.y = y;
                this.color = color;
                this.size = 20;
                this.mouthSize = 5;
                this.target = null;
            }

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

ctx.beginPath();
                ctx.moveTo(this.x - this.mouthSize, this.y - this.mouthSize);
                ctx.lineTo(this.x + this.mouthSize, this.y + this.mouthSize);
                ctx.moveTo(this.x + this.mouthSize, this.y - this.mouthSize);
                ctx.lineTo(this.x - this.mouthSize, this.y + this.mouthSize);
                ctx.stroke();
            }

move() {
                if (this.target) {
                    const angle = Math.atan2(this.target.y - this.y, this.target.x - this.x);
                    const dx = Math.cos(angle);
                    const dy = Math.sin(angle);

this.x += dx;
                    this.y += dy;
                }
            }

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

creatures.forEach(creature => {
                    if (creature !== this) {
                        const distance = Math.sqrt((this.x - creature.x) ** 2 + (this.y - creature.y) ** 2);
                        if (distance < closestDistance) {
                            closestDistance = distance;
                            closestCreature = creature;
                        }
                    }
                });

return closestCreature;
            }

eat(creature) {
                this.size += 5;
                creatures.splice(creatures.indexOf(creature), 1);
            }
        }

return new Creature(x, y, color);
        }

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

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

if (creature.target && creature.target !== creature) {
                    const distanceToTarget = Math.sqrt((creature.x - creature.target.x) ** 2 + (creature.y - creature.target.y) ** 2);

if (distanceToTarget < creature.size + creature.target.size) {
                        creature.eat(creature.target);
                        creature.target = null;
                    }
                } else {
                    creature.target = creature.findClosestCreature();
                }
            });

requestAnimationFrame(gameLoop);
        }

for (let i = 0; i < 10; i++) {
            creatures.push(createRandomCreature());
        }

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