ユニコーンが高速で星を撃つシューティングゲーム's game

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

No:52825

591

←

Prev Next

→

ユニコーンが高速で星を撃つシューティングゲーム
Developer User22196｜Date and time 24/3/25 12:51:06
Build time 8.04 sec｜Game capacity 2.109KB｜

Script

🦄

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Unicorn Shooting Game</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }

#unicorn {
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 40px;
        }

#star {
            position: absolute;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <div id="unicorn">🦄</div>
    
    <script>
        let score = 0;

function moveUnicorn(event) {
            document.getElementById('unicorn').style.left = event.touches[0].clientX + 'px';
        }

function shootStar() {
            const star = document.createElement('div');
            star.innerText = '⭐';
            star.className = 'star';
            star.style.top = '0';
            star.style.left = Math.random() * window.innerWidth + 'px';
            document.body.appendChild(star);

let top = 0;
            let starInterval = setInterval(() => {
                top += 5;
                star.style.top = top + 'px';

if (top >= window.innerHeight) {
                    clearInterval(starInterval);
                    document.body.removeChild(star);
                }

const unicorn = document.getElementById('unicorn');
                const unicornRect = unicorn.getBoundingClientRect();
                const starRect = star.getBoundingClientRect();

if (unicornRect.top < starRect.bottom && 
                    unicornRect.right > starRect.left && 
                    unicornRect.left < starRect.right) {
                    score++;
                    document.getElementById('score').innerText = 'Score: ' + score;
                    clearInterval(starInterval);
                    document.body.removeChild(star);
                }
            }, 10);
        }

document.body.addEventListener('touchmove', moveUnicorn);

setInterval(shootStar, 1000);

</script>
    <p id="score">Score: 0</p>
</body>
</html>