Ball hunt, green squares as bushes, shoot the ball, duck hunt's game

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

No:37577

←

Prev Next

→

Ball hunt, green squares as bushes, shoot the ball..ALL
Developer User17064｜Date and time 24/1/21 6:00:01
Build time 8.287 sec｜Game capacity 2.687KB｜

Script

Sure, I can provide you with a simple game called "Ball Hunt" implemented as a single HTML file with JavaScript. Please find the code below:

In this game, green squares represent bushes, and you can move the blue player square using your mouse or touch on a smartphone. When you click or tap on the screen, a ball will be shot, and if the ball hits any bushes, the corresponding bush will disappear. The current score will be logged in the console for each successful hit. Feel free to save the code as an HTML file and open it in a web browser to play the game. Let me know if you have any further questions!

←

Prev　Next

→ 　

Back　

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

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

Sure, I can provide you with a simple game called "Ball Hunt" implemented as a single HTML file with JavaScript. Please find the code below:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Ball Hunt Game</title>
    <style>
        #game-area {
            border: 1px solid black;
            width: 300px;
            height: 300px;
            position: relative;
        }

.bush {
            background-color: green;
            width: 50px;
            height: 50px;
            position: absolute;
        }

#player {
            background-color: blue;
            width: 20px;
            height: 20px;
            position: absolute;
            top: 140px;
            left: 140px;
        }
    </style>
</head>
<body>
    <div id="game-area">
        <div class="bush" style="top: 50px; left: 50px;"></div>
        <div class="bush" style="top: 150px; left: 200px;"></div>
        <div class="bush" style="top: 200px; left: 100px;"></div>
        <div class="bush" style="top: 250px; left: 250px;"></div>
        <div id="player"></div>
    </div>

function shootBall() {
            score++;
            console.log('Ball Shot! Score: ' + score);
        }

function duckHunt(e) {
            const posX = e.clientX;
            const posY = e.clientY;

player.style.left = posX + 'px';
            player.style.top = posY + 'px';

for (let i = 0; i < bushes.length; i++) {
                const bush = bushes[i];
                const bushX = bush.offsetLeft;
                const bushY = bush.offsetTop;

if (
                    posX >= bushX &&
                    posX <= bushX + bush.offsetWidth &&
                    posY >= bushY &&
                    posY <= bushY + bush.offsetHeight
                ) {
                    bush.style.display = 'none'; // Bush hit
                }
            }
        }

document.addEventListener('click', shootBall);
        document.addEventListener('mousemove', duckHunt);
    </script>
</body>
</html>
```

Feel free to save the code as an HTML file and open it in a web browser to play the game. Let me know if you have any further questions!