Make spore the evolution game but made from AI and 2D's game

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

No:21661

←

Prev Next

→

Make spore the evolution game but made from AI and..ALL
Developer User7632｜Date and time 23/10/17 6:41:30
Build time 160.981 sec｜Game capacity 5.874KB｜

Script

Below is the code for a simplified version of a game similar to Spore, but with AI and 2D elements. The game is implemented as a single HTML file and includes JavaScript code enclosed within script tags. Please note that this is a basic implementation and can be expanded upon and improved further.

To play the game, simply save the above code as an HTML file, open it in a web browser (preferably on a smartphone for better experience), and interact with the organisms represented by blue squares on the canvas. The organisms will evolve over time, trying to eat the green food items while avoiding obstacles (not yet implemented in the provided code). The score is displayed at the top left corner of the canvas.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>AI Evolution Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="600" height="400"></canvas>

// AI Parameters
        var maxSpeed = 5;
        var maxForce = 0.2;
        var foodAttraction = 0.5;
        var obstacleRepulsion = 0.8;
        var mutationRate = 0.01;

// Food properties
        var foodSize = 10;
        var foodCount = 30;

// Create a new organism
        function createOrganism(x, y) {
            var organism = {
                position: { x: x, y: y },
                velocity: { x: 0, y: 0 },
                acceleration: { x: 0, y: 0 }
            };

organism.update = function() {
                organism.velocity.x += organism.acceleration.x;
                organism.velocity.y += organism.acceleration.y;
                organism.velocity.x = Math.min(maxSpeed, Math.max(-maxSpeed, organism.velocity.x));
                organism.velocity.y = Math.min(maxSpeed, Math.max(-maxSpeed, organism.velocity.y));
                organism.position.x += organism.velocity.x;
                organism.position.y += organism.velocity.y;
            
                organism.acceleration.x = 0;
                organism.acceleration.y = 0;
            
                organism.eat();
                organism.reproduce();
                organism.display();
            };

organism.display = function() {
                ctx.fillStyle = "#0000FF";
                ctx.fillRect(organism.position.x, organism.position.y, 20, 20);
            };

organism.applyForce = function(force) {
                organism.acceleration.x += force.x;
                organism.acceleration.y += force.y;
            };

organism.eat = function() {
                for (var i = 0; i < food.length; i++) {
                    var d = distance(organism.position.x, organism.position.y, food[i].x, food[i].y);
                    if (d < 16) { // Distance between organism and food
                        food.splice(i, 1);
                        score += 1;
                    }
                }
            };

organism.reproduce = function() {
                if (organism.position.x > canvas.width - 100 && organism.position.y > canvas.height - 100) {
                    var child = Object.assign({}, organism);
                    child.position.x = Math.random() * (canvas.width - 200) + 100;
                    child.position.y = Math.random() * (canvas.height - 200) + 100;
                    mutate(child);
                    population.push(child);
                }
            };

return organism;
        }

// Create initial population
        function createPopulation() {
            population = [];
            for (var i = 0; i < 10; i++) {
                var organism = createOrganism(Math.random() * (canvas.width - 200) + 100, Math.random() * (canvas.height - 200) + 100);
                population.push(organism);
            }
        }

// Create food
        function createFood() {
            food = [];
            for (var i = 0; i < foodCount; i++) {
                var x = Math.random() * (canvas.width - foodSize);
                var y = Math.random() * (canvas.height - foodSize);
                food.push({ x: x, y: y });
            }
        }

// Initialize the game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

createPopulation();
            createFood();

setInterval(update, 50);
        }

// Update the game state
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw food
            ctx.fillStyle = "#00FF00";
            for (var i = 0; i < food.length; i++) {
                ctx.fillRect(food[i].x, food[i].y, foodSize, foodSize);
            }

// Update and draw organisms
            for (var i = 0; i < population.length; i++) {
                population[i].update();
            }

// Draw score
            ctx.font = "20px Arial";
            ctx.fillStyle = "#000000";
            ctx.fillText("Score: " + score, 10, 30);
        }

// Calculate distance between two points
        function distance(x1, y1, x2, y2) {
            var dx = x1 - x2;
            var dy = y1 - y2;
            return Math.sqrt(dx * dx + dy * dy);
        }

// Mutate an organism with a certain probability
        function mutate(organism) {
            if (Math.random() < mutationRate) {
                organism.position.x += Math.random() * 20 - 10;
                organism.position.y += Math.random() * 20 - 10;
            }
        }

// Start the game
        init();
    </script>
</body>
</html>
```