Shooter game where red squares appear and chase you they are called demonix, and they beat you up if they catch you.'s game

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

No:50586

←

Prev Next

→

Shooter game where red squares appear and chase yo..ALL
Developer User21361｜Date and time 24/3/9 6:30:05
Build time 9.743 sec｜Game capacity 3.16KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Demonix Shooter Game</title>
    <style>
        #game-board {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            position: relative;
        }

.player {
            width: 20px;
            height: 20px;
            background-color: blue;
            border-radius: 50%;
            position: absolute;
            bottom: 0;
            left: 0;
        }

.demonix {
            width: 20px;
            height: 20px;
            background-color: red;
            border: 1px solid black;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div class="player"></div>
    </div>

function createDemonix() {
            const demonix = document.createElement('div');
            demonix.classList.add('demonix');
            demonix.style.left = Math.random() * 280 + 'px';
            gameBoard.appendChild(demonix);

let demonixPosition = 0;

const moveDemonix = setInterval(() => {
                if (demonixPosition > 300) {
                    clearInterval(moveDemonix);
                    gameBoard.removeChild(demonix);
                    if (!isGameOver) {
                        score++;
                    }
                } else {
                    demonixPosition += 10;
                    demonix.style.bottom = demonixPosition + 'px';

if (checkCollision(demonix)) {
                        clearInterval(moveDemonix);
                        isGameOver = true;
                        alert('Game Over! Score: ' + score);
                        resetGame();
                    }
                }
            }, gameSpeed);
        }

function checkCollision(demonix) {
            const playerRect = player.getBoundingClientRect();
            const demonixRect = demonix.getBoundingClientRect();

return !(
                playerRect.top > demonixRect.bottom ||
                playerRect.right < demonixRect.left ||
                playerRect.bottom < demonixRect.top ||
                playerRect.left > demonixRect.right
            );
        }

function resetGame() {
            while (gameBoard.firstChild) {
                gameBoard.removeChild(gameBoard.lastChild);
            }
            player.style.left = 0;
            score = 0;
            isGameOver = false;
        }

setInterval(createDemonix, 2000);

</script>
</body>
</html>
```