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

No:46020

A game where you shoot a box, which moves. You are..ALL
Developer Willy｜Date and time 24/2/22 20:34:19
Build time 13.254 sec｜Game capacity 2.956KB｜

Script

Shoot the Box Game

Points: 0

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shoot the Box Game</title>
    <style>
        #gameArea {
            width: 100%;
            height: 400px;
            background-color: lightblue;
            position: relative;
        }
        #box {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
            top: 50px;
            left: 50px;
        }
        #cat {
            width: 50px;
            height: 50px;
            background-color: yellow;
            position: absolute;
            bottom: 50px;
            left: 50px;
        }
    </style>
</head>
<body>
    <h1>Shoot the Box Game</h1>
    <p>Points: <span id="points">0</span></p>
    <div id="gameArea">
        <div id="box"></div>
        <div id="cat"></div>
    </div>

function moveBox() {
            box.style.left = Math.floor(Math.random() * 500) + 'px';
            box.style.top = Math.floor(Math.random() * 300) + 'px';
        }

function shoot() {
            if (bullets > 0) {
                const boxRect = box.getBoundingClientRect();
                const catRect = cat.getBoundingClientRect();

if (catRect.left < boxRect.right && catRect.right > boxRect.left && catRect.top < boxRect.bottom && catRect.bottom > boxRect.top) {
                    points++;
                    pointsDisplay.textContent = points;
                    if (points === 10) {
                        bullets = 3;
                    } else if (points === 20) {
                        bullets = 5;
                    } else if (points === 30) {
                        alert('You Won!');
                    } else if (points === 50) {
                        alert('Ok, you can stop now');
                    }
                }
            }
        }

moveBox();
        setInterval(moveBox, 2000); // move box every 2 seconds
    </script>
</body>
</html>
```