AI game creator

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

No:45071

223

←

Prev Next

→

Шарик движется к точке клика. Каждые 3 секунды он ..ALL
Developer User19457｜Date and time 24/2/20 5:42:03
Build time 9.962 sec｜Game capacity 3.296KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Игра "Шарик и мины"</title>
    <style>
        #gameArea {
            width: 400px;
            height: 400px;
            background-color: lightgray;
            position: relative;
        }

.player {
            width: 30px;
            height: 30px;
            background-color: blue;
            border-radius: 50%;
            position: absolute;
        }

.enemy {
            width: 30px;
            height: 30px;
            background-color: red;
            border-radius: 50%;
            position: absolute;
        }

.mine {
            width: 10px;
            height: 10px;
            background-color: black;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="gameArea">
        <div class="player"></div>
    </div>

let gameOver = false;
        let score = 0;

gameArea.addEventListener('click', function(e) {
            if (!gameOver) {
                player.style.left = e.clientX - gameArea.offsetLeft + 'px';
                player.style.top = e.clientY - gameArea.offsetTop + 'px';
            }
        });

setInterval(function() {
            if (!gameOver) {
                const enemy = document.createElement('div');
                enemy.className = 'enemy';
                enemy.style.left = Math.floor(Math.random() * 370) + 'px';
                enemy.style.top = Math.floor(Math.random() * 370) + 'px';
                gameArea.appendChild(enemy);
                enemies.push(enemy);
            }
        }, 2000);

setInterval(function() {
            if (!gameOver) {
                const mine = document.createElement('div');
                mine.className = 'mine';
                mine.style.left = player.style.left;
                mine.style.top = player.style.top;
                gameArea.appendChild(mine);
                mines.push(mine);
            }
        }, 3000);

setInterval(function() {
            if (!gameOver) {
                enemies.forEach(function(enemy) {
                    enemy.style.left = Math.floor(Math.random() * 370) + 'px';
                    enemy.style.top = Math.floor(Math.random() * 370) + 'px';

mines.forEach(function(mine) {
                        if (parseInt(enemy.style.left) === parseInt(mine.style.left) && parseInt(enemy.style.top) === parseInt(mine.style.top)) {
                            gameArea.removeChild(enemy);
                            score++;
                        }
                    });

if (parseInt(player.style.left) === parseInt(enemy.style.left) && parseInt(player.style.top) === parseInt(enemy.style.top)) {
                        gameOver = true;
                        alert('Game Over. Your score: ' + score);
                    }
                });

if (enemies.length === 0) {
                    gameOver = true;
                    alert('You win! Your score: ' + score);
                }
            }
        }, 1000);
    </script>
</body>
</html>