AI game creator

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

No:51943

123

←

Prev Next

→

Repairing robots
Developer User21386｜Date and time 24/3/17 4:53:40
Build time 7.463 sec｜Game capacity 1.553KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Repairing Robots</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

let robots = [
            { x: 50, y: 50, status: 'damaged' },
            { x: 150, y: 150, status: 'working' },
            { x: 250, y: 250, status: 'damaged' }
        ];

canvas.addEventListener('click', function(event) {
            const rect = canvas.getBoundingClientRect();
            const mouseX = event.clientX - rect.left;
            const mouseY = event.clientY - rect.top;

for (let i = 0; i < robots.length; i++) {
                if (mouseX > robots[i].x && mouseX < robots[i].x + 50 && mouseY > robots[i].y && mouseY < robots[i].y + 50) {
                    if (robots[i].status === 'damaged') {
                        robots[i].status = 'working';
                    }
                    break;
                }
            }

drawRobots();
        });

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

for (let i = 0; i < robots.length; i++) {
                ctx.beginPath();
                ctx.rect(robots[i].x, robots[i].y, 50, 50);
                ctx.fillStyle = robots[i].status === 'working' ? 'green' : 'red';
                ctx.fill();
                ctx.closePath();
            }
        }

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