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

No:44892

←

Prev Next

→

モンスターの矢をタイミングよく跳ね返して倒す
Developer User19503｜Date and time 24/2/19 16:43:05
Build time 6.374 sec｜Game capacity 1.48KB｜

Script

モンスターバウンス

矢をタップしてモンスターを倒そう！

👾

➡️

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>モンスターバウンス</title>
</head>
<body>
    <h1>モンスターバウンス</h1>
    <p>矢をタップしてモンスターを倒そう！</p>
    <div id="game-container">
        <div id="monster">👾</div>
        <div id="arrow">➡️</div>
    </div>

document.getElementById('arrow').onclick = function() {
            if (!isArrowMoving) {
                isArrowMoving = true;
                const arrow = document.getElementById('arrow');
                const monster = document.getElementById('monster');
                let intervalId = setInterval(function() {
                    let arrowPosition = arrow.getBoundingClientRect();
                    let monsterPosition = monster.getBoundingClientRect();

if (arrowPosition.right >= monsterPosition.left && arrowPosition.left <= monsterPosition.right) {
                        monster.innerText = '💀';
                        clearInterval(intervalId);
                        isArrowMoving = false;
                    } else if (arrowPosition.right >= window.innerWidth) {
                        clearInterval(intervalId);
                        isArrowMoving = false;
                    } else {
                        arrow.style.left = (arrowPosition.left + 10) + 'px';
                    }
                }, 20);
            }
        }
    </script>
</body>
</html>