AI game creator

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

No:45056

←

Prev Next

→

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

Script

←

Prev　Next

→ 　

Back　

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

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>

let score = 0;
        let soldiers = [];

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

soldiers.forEach(function(soldier) {
                if (x >= soldier.x && x <= soldier.x + 50 && y >= soldier.y && y <= soldier.y + 50) {
                    score += 10;
                    soldiers.splice(soldiers.indexOf(soldier), 1);
                    if (score >= 100) {
                        addMoreSoldiers();
                    }
                }
            });
        });

function Soldier(x, y) {
            this.x = x;
            this.y = y;
        }

function addSoldiers() {
            const x = Math.floor(Math.random() * 350);
            const y = Math.floor(Math.random() * 350);
            soldiers.push(new Soldier(x, y));
        }

function addMoreSoldiers() {
            for (let i = 0; i < 5; i++) {
                addSoldiers();
            }
        }

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

ctx.fillStyle = 'red';
            soldiers.forEach(function(soldier) {
                ctx.fillRect(soldier.x, soldier.y, 50, 50);
            });

ctx.fillStyle = 'black';
            ctx.fillText('Score: ' + score, 10, 20);
        }

function update() {
            soldiers.forEach(function(soldier) {
                const randomX = Math.floor(Math.random() * 10) - 5;
                const randomY = Math.floor(Math.random() * 10) - 5;

soldier.x += randomX;
                soldier.y += randomY;
            });
        }

function gameLoop() {
            draw();
            update();

requestAnimationFrame(gameLoop);
        }

addMoreSoldiers();
        gameLoop();
    </script>
</body>
</html>