上から降ってくる弾幕を避けるゲーム弾幕は時間が経つにつれて速くなる's game

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

No:31137

←

Prev Next

→

上から降ってくる弾幕を避けるゲーム弾幕は時間が経つにつれて速くなる
Developer User14987｜Date and time 23/12/25 8:05:53
Build time 20.678 sec｜Game capacity 3.582KB｜

Script

👾

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Danmaku Game</title>
    <style>
        body {
            background-color: black;
            overflow: hidden;
        }
        
        #game {
            position: absolute;
            top: 30px;
            bottom: 10px;
            left: 10px;
            right: 10px;
            border: 1px solid white;
        }
        
        #player {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            color: white;
            font-size: 30px;
        }
        
        .bullet {
            position: absolute;
            height: 10px;
            width: 10px;
            background-color: white;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player">👾</div>
    </div>

document.addEventListener("keydown", movePlayer);

function movePlayer(event) {
            var key = event.keyCode;
            var marginLeft = parseInt(player.style.marginLeft);

if (key == 37 && marginLeft > 0) { // Left Arrow Key
                player.style.marginLeft = (marginLeft - 10) + "px";
            }
            else if (key == 39 && marginLeft < (game.offsetWidth - player.offsetWidth)) { // Right Arrow Key
                player.style.marginLeft = (marginLeft + 10) + "px";
            }
        }

setInterval(function () {
            if (!gameOver) {
                createBullet();
            }
        }, 1000);

setInterval(function () {
            if (!gameOver) {
                moveBullets();
                increaseDifficulty();
            }
        }, 10);

function createBullet() {
            var bullet = document.createElement("div");
            bullet.className = "bullet";
            bullet.style.left = Math.floor(Math.random() * (game.offsetWidth - bullet.offsetWidth)) + "px";
            bullets.push(bullet);
            game.appendChild(bullet);
        }

function moveBullets() {
            for (var i = 0; i < bullets.length; i++) {
                var bullet = bullets[i];
                var top = parseInt(bullet.style.top);

if (top < (game.offsetHeight - bullet.offsetHeight)) {
                    bullet.style.top = (top + bulletSpeed) + "px";
                }
                else {
                    gameOver = true;
                    alert("Game Over! Your score: " + score);
                }

if (collisionDetection(bullet, player)) {
                    gameOver = true;
                    alert("Game Over! Your score: " + score);
                }
            }
        }

function increaseDifficulty() {
            if (bulletSpeed < 10) {
                score += 1;
                bulletSpeed += 0.01;
            }
        }

function collisionDetection(bullet, player) {
            var playerRect = player.getBoundingClientRect();
            var bulletRect = bullet.getBoundingClientRect();

return !(playerRect.right < bulletRect.left || 
                     playerRect.left > bulletRect.right || 
                     playerRect.bottom < bulletRect.top || 
                     playerRect.top > bulletRect.bottom);
        }
    </script>
</body>
</html>