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 also creatures may spawn off screen and move onto screen's game

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

No:48071

135

←

Prev Next

→

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

Script

←

Prev　Next

→ 　

Back　

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

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

<!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>
    <script>

const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const creatures = [];

class Creature {
            constructor(x, y) {
                this.x = x;
                this.y = y;
                this.color = "#" + ((1 << 24) * Math.random() | 0).toString(16);
                this.size = 20;
                this.mouthSize = 10;
                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.strokeStyle = 'black';
                ctx.stroke();
                ctx.closePath();
            }

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

checkCollision(creature) {
                const distance = Math.sqrt((this.x - creature.x) ** 2 + (this.y - creature.y) ** 2);
                if (distance < this.size + creature.size) {
                    return true;
                }
                return false;
            }
        }

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

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

if (creature.target && creature.checkCollision(creature.target)) {
                    const index = creatures.indexOf(creature.target);
                    creatures.splice(index, 1);
                    creature.size += 5;
                    creature.target = null;
                }
            });

const newCreatures = [];
            creatures.forEach(creature => {
                if (!creature.target && creatures.length > 1) {
                    const index = Math.floor(Math.random() * creatures.length);
                    if (creatures[index] !== creature) {
                        creature.target = creatures[index];
                    }
                }

if (Math.random() < 0.01) {
                    const newX = Math.random() < 0.5 ? -20 : canvas.width + 20;
                    const newY = Math.random() * canvas.height;
                    newCreatures.push(new Creature(newX, newY));
                }
            });

creatures.push(...newCreatures);

requestAnimationFrame(update);
        }

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

update();

</script>
</body>
</html>