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:48070

←

Prev Next

→

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

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 http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Creature Battle</title>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

const creatures = [];
        const NUM_CREATURES = 10;

function Creature(x, y, size, color) {
            this.x = x;
            this.y = y;
            this.size = size;
            this.color = color;
            this.target = null;

this.draw = function () {
                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.size / 2, this.y - this.size / 2);
                ctx.lineTo(this.x + this.size / 2, this.y + this.size / 2);
                ctx.moveTo(this.x + this.size / 2, this.y - this.size / 2);
                ctx.lineTo(this.x - this.size / 2, this.y + this.size / 2);
                ctx.strokeStyle = "#FFF";
                ctx.stroke();
                ctx.closePath();
            }

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

this.isColliding = function (other) {
                const distance = Math.sqrt((this.x - other.x) ** 2 + (this.y - other.y) ** 2);
                return distance < this.size + other.size;
            }
        }

function init() {
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;
            for (let i = 0; i < NUM_CREATURES; i++) {
                creatures.push(createRandomCreature());
            }
            requestAnimationFrame(update);
        }

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

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

for (let i = 0; i < creatures.length; i++) {
                for (let j = i + 1; j < creatures.length; j++) {
                    if (creatures[i].isColliding(creatures[j])) {
                        const attacker = creatures[i].size >= creatures[j].size ? creatures[i] : creatures[j];
                        const victim = creatures[i].size < creatures[j].size ? creatures[i] : creatures[j];
                        if (attacker.target !== victim) {
                            attacker.target = victim;
                            victim.target = null;
                        }
                    }
                }
            }

creatures.forEach((creature, index) => {
                if (creature.target && creature.isColliding(creature.target)) {
                    creature.size += 2;
                    creatures.splice(index, 1);
                }
            });

if (creatures.length < NUM_CREATURES) {
                creatures.push(createRandomCreature());
            }

requestAnimationFrame(update);
        }

window.onload = init;
    </script>
</head>

</html>