AI game creator

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

No:20076

←

Prev Next

→

The rain acid
Developer User7723｜Date and time 23/10/8 5:55:31
Build time 16.688 sec｜Game capacity 4.308KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Acid Rain Game</title>
    <style>
        body {
            background-color: black;
            color: white;
            text-align: center;
            font-family: Arial, sans-serif;
            margin: 0;
        }
        #game-screen {
            width: 300px;
            height: 500px;
            margin: 0 auto;
            position: relative;
            border: 1px solid white;
            overflow: hidden;
        }
        #player {
            width: 50px;
            height: 50px;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            background-image: url("pictogram.png");
            background-size: cover;
            background-repeat: no-repeat;
        }
        .acid-drop {
            width: 20px;
            height: 40px;
            position: absolute;
            background-image: url("acid.png");
            background-size: contain;
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
    <div id="game-screen">
        <div id="player"></div>
    </div>

// Move player
        function movePlayer(event) {
            var x = event.touches[0].clientX;
            var gameWidth = gameScreen.clientWidth;
            var playerWidth = player.offsetWidth;
            var boundary = gameWidth - playerWidth;

if (x <= boundary) {
                player.style.left = (x - playerWidth / 2) + "px";
            }
        }

// Create acid drop
        function createAcidDrop() {
            var acidDrop = document.createElement("div");
            acidDrop.className = "acid-drop";
            acidDrop.style.left = Math.random() * (gameScreen.offsetWidth - 20) + "px";
            gameScreen.appendChild(acidDrop);

// Update score
            score++;
            document.getElementById("score").textContent = "Score: " + score;

// Check game over
            if (score % 10 === 0) {
                speed++;
            }

// Move acid drop
            var moveInterval = setInterval(function() {
                var top = acidDrop.offsetTop;
                top += speed;

if (top >= gameScreen.offsetHeight) {
                    clearInterval(moveInterval);
                    gameScreen.removeChild(acidDrop);
                } else {
                    acidDrop.style.top = top + "px";

// Check collision with player
                    if (collisionDetection(acidDrop, player)) {
                        gameOver();
                    }
                }
            }, 10);
        }

// Collision detection
        function collisionDetection(acidDrop, player) {
            var acidRect = acidDrop.getBoundingClientRect();
            var playerRect = player.getBoundingClientRect();

return (
                acidRect.left < playerRect.right &&
                acidRect.right > playerRect.left &&
                acidRect.top < playerRect.bottom &&
                acidRect.bottom > playerRect.top
            );
        }

// Game over
        function gameOver() {
            gameIsRunning = false;
            alert("Game Over!\nScore: " + score);
            window.location.reload();
        }

// Start game
        function startGame() {
            var startButton = document.createElement("button");
            startButton.textContent = "Start Game";
            startButton.addEventListener("click", function() {
                startButton.parentNode.removeChild(startButton);
                gameIsRunning = true;
                gameScreen.addEventListener("touchmove", movePlayer);

setInterval(function() {
                    if (gameIsRunning) {
                        createAcidDrop();
                    }
                }, 1000);
            });

gameScreen.appendChild(startButton);
        }

// Initialize game
        startGame();
    </script>
</body>
</html>