Evolution simulation in 10 seconds's game

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

No:21225

←

Prev Next

→

Evolution simulation in 10 seconds
Developer User7437｜Date and time 23/10/14 5:54:14
Build time 50.418 sec｜Game capacity 2.744KB｜

Script

Sure! Here's a simple evolution simulation game that you can play within a single HTML file using JavaScript. The game will simulate the evolution of different species in a continuous loop of 10 seconds. Please note that this is a basic implementation and can be expanded further based on your requirements.

To play the game: 1. Save the above code into a file with an `.html` extension. 2. Open the file in a web browser. 3. You will see a canvas with randomly moving species represented by pictograms. 4. The simulation will run for 10 seconds, and then restart again. 5. You can modify the speciesIcons array to add more pictograms or customize the species' appearance. Note: This is a very basic version of an evolution simulation game. You can add more complex logic, interactions, and features based on your requirements.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Evolution Simulation</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas" width="400" height="400"></canvas>

// Species class
        class Species {
          constructor(x, y) {
            this.x = x;
            this.y = y;
            this.icon =
              speciesIcons[Math.floor(Math.random() * speciesIcons.length)];
          }

// Move the species randomly
          move() {
            this.x += Math.random() * 10 - 5;
            this.y += Math.random() * 10 - 5;
          }

// Display the species on the canvas
          draw(ctx) {
            ctx.fillText(this.icon, this.x, this.y);
          }
        }

// Create canvas and get drawing context
        const canvas = document.getElementById("canvas");
        const ctx = canvas.getContext("2d");

// Initialize species
        let species = [];
        for (let i = 0; i < 10; i++) {
          const x = Math.random() * canvas.width;
          const y = Math.random() * canvas.height;
          species.push(new Species(x, y));
        }

// Main game loop
        function gameLoop() {
          // Clear the canvas
          ctx.clearRect(0, 0, canvas.width, canvas.height);

// Move and draw each species
          species.forEach((specie) => {
            specie.move();
            specie.draw(ctx);
          });

// Call the game loop again after 10 seconds
          setTimeout(gameLoop, 10000);
        }

// Start the game loop
        gameLoop();
      })();
    </script>
  </body>
</html>
```

To play the game:
1. Save the above code into a file with an `.html` extension.
2. Open the file in a web browser.
3. You will see a canvas with randomly moving species represented by pictograms.
4. The simulation will run for 10 seconds, and then restart again.
5. You can modify the speciesIcons array to add more pictograms or customize the species' appearance.

Note: This is a very basic version of an evolution simulation game. You can add more complex logic, interactions, and features based on your requirements.