AI game creator

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

No:45053

117

←

Prev Next

→

Красные солдаты случайно двигают если на них клиик..ALL
Developer User19457｜Date and time 24/2/20 3:37:22
Build time 7.461 sec｜Game capacity 2.095KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Военный мир</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        const soldierImage = new Image();
        soldierImage.src = 'soldier.png';
        
        let soldiers = [];
        let score = 0;
        
        canvas.addEventListener('click', (event) => {
            const rect = canvas.getBoundingClientRect();
            const x = event.clientX - rect.left;
            const y = event.clientY - rect.top;
            
            soldiers.forEach((soldier, index) => {
                if (x > soldier.x && x < soldier.x + 50 && y > soldier.y && y < soldier.y + 50) {
                    soldiers.splice(index, 1);
                    score += 10;
                }
            });
        });
        
        function createSoldier() {
            const soldier = {
                x: Math.floor(Math.random() * 350),
                y: Math.floor(Math.random() * 350),
                dx: Math.random() > 0.5 ? 1 : -1,
                dy: Math.random() > 0.5 ? 1 : -1
            };
            soldiers.push(soldier);
        }
        
        function moveSoldiers() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            soldiers.forEach((soldier) => {
                ctx.drawImage(soldierImage, soldier.x, soldier.y, 50, 50);
                
                soldier.x += soldier.dx;
                soldier.y += soldier.dy;
                
                if (soldier.x <= 0 || soldier.x >= canvas.width - 50) {
                    soldier.dx *= -1;
                }
                if (soldier.y <= 0 || soldier.y >= canvas.height - 50) {
                    soldier.dy *= -1;
                }
            });
        }
        
        setInterval(() => {
            createSoldier();
        }, 1000);
        
        setInterval(() => {
            moveSoldiers();
        }, 100);
    </script>
</body>
</html>