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's game

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

No:48074

←

Prev Next

→

each creature tries to k○ll each other and lay egg..ALL
Developer User20679｜Date and time 24/3/1 8:21:19
Build time 14.296 sec｜Game capacity 3.807KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Circle Survival Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: #f0f0f0;
            overflow: hidden;
        }

canvas {
            display: block;
            margin: auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="800"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        const creatures = [];

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

draw() {
                ctx.beginPath();
                ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
                ctx.fillStyle = this.color;
                ctx.fill();
                ctx.closePath();
                ctx.font = '20px Arial';
                ctx.fillStyle = '#ffffff';
                ctx.fillText('X', this.x - 5, this.y + 5);
            }

update() {
                this.draw();
                if (this.target) {
                    this.moveTowards(this.target);
                } else {
                    this.findTarget();
                }
            }

moveTowards(target) {
                if (this.x < target.x) {
                    this.x += 1;
                } else if (this.x > target.x) {
                    this.x -= 1;
                }

if (this.y < target.y) {
                    this.y += 1;
                } else if (this.y > target.y) {
                    this.y -= 1;
                }
            }

findTarget() {
                creatures.forEach(creature => {
                    if (creature !== this && !creature.target) {
                        this.target = creature;
                    }
                });
            }
        }

function animate() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            creatures.forEach((creature) => {
                creature.update();
            });

creatures.forEach((creature1) => {
                creatures.forEach((creature2) => {
                    checkCollision(creature1, creature2);
                });
            });

requestAnimationFrame(animate);
        }

setInterval(() => {
            spawnCreature();
        }, 2000);

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