Evolution with world settings and years's game

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

No:46239

103

←

Prev Next

→

Evolution with world settings and years
Developer User19484｜Date and time 24/2/24 6:09:27
Build time 7.567 sec｜Game capacity 2.302KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```
<!DOCTYPE html>
<html>
<head>
    <title>Evolution Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

let year = 0;
        let world = [];

function startGame() {
            for(let i = 0; i < 10; i++) {
                let item = {
                    x: Math.random() * canvas.width,
                    y: Math.random() * canvas.height,
                    type: Math.floor(Math.random() * 3)
                };
                world.push(item);
            }

setInterval(updateGame, 1000);
        }

function updateGame() {
            year++;
            ctx.clearRect(0, 0, canvas.width, canvas.height);

for(let i = 0; i < world.length; i++) {
                let item = world[i];
                drawItem(item);
                item.x += Math.random() * 10 - 5;
                item.y += Math.random() * 10 - 5;

if(item.x < 0) {
                    item.x = canvas.width;
                }
                if(item.y < 0) {
                    item.y = canvas.height;
                }
                if(item.x > canvas.width) {
                    item.x = 0;
                }
                if(item.y > canvas.height) {
                    item.y = 0;
                }
            }

if(year % 10 === 0) {
                evolve();
            }
        }

function drawItem(item) {
            switch(item.type) {
                case 0:
                    ctx.fillStyle = 'red';
                    break;
                case 1:
                    ctx.fillStyle = 'blue';
                    break;
                case 2:
                    ctx.fillStyle = 'green';
                    break;
            }
            ctx.fillRect(item.x, item.y, 10, 10);
        }

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