AI game creator

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

No:12949

←

Prev Next

→

Shooting Game
Developer User5654｜Date and time 23/8/25 11:15:49
Build time 22.474 sec｜Game capacity 3.516KB｜

Script

Sure, I can create a simple shooting game for you using JavaScript and HTML. Here's an example of the code you can use:

In this simple shooting game, you can click on the game area to shoot the bullet and try to hit the moving target. If you hit the target, an alert message will be displayed. You can customize the design and add more features as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure, I can create a simple shooting game for you using JavaScript and HTML. Here's an example of the code you can use:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game {
            position: relative;
            width: 500px;
            height: 300px;
            border: 1px solid black;
        }
        
        #bullet {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: red;
        }
        
        #target {
            position: absolute;
            top: 120px;
            left: 480px;
            width: 20px;
            height: 60px;
            background-color: blue;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="bullet"></div>
        <div id="target"></div>
    </div>
    
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            var bullet = document.getElementById("bullet");
            var target = document.getElementById("target");
            var game = document.getElementById("game");
            
            var bulletSpeed = 10;
            var targetSpeed = 3;
            
            var isBulletFlying = false;
            var bulletIntervalId;
            
            game.addEventListener("click", function(event) {
                if (!isBulletFlying) {
                    isBulletFlying = true;
                    bullet.style.top = (event.clientY - 5) + "px";
                    
                    bulletIntervalId = setInterval(function() {
                        var bulletLeft = parseInt(bullet.style.left);
                        
                        if (bulletLeft > 500) {
                            clearInterval(bulletIntervalId);
                            bullet.style.left = "-10px";
                            isBulletFlying = false;
                        } else {
                            bullet.style.left = (bulletLeft + bulletSpeed) + "px";
                            
                            var bulletTop = parseInt(bullet.style.top);
                            var targetLeft = parseInt(target.style.left);
                            var targetTop = parseInt(target.style.top);
                            
                            if (bulletLeft > (targetLeft - 10) && bulletLeft < (targetLeft + 20) && bulletTop > (targetTop - 10) && bulletTop < (targetTop + 60)) {
                                alert("You hit the target!");
                                
                                clearInterval(bulletIntervalId);
                                bullet.style.left = "-10px";
                                target.style.left = "480px";
                                isBulletFlying = false;
                            }
                        }
                    }, 10);
                }
            });
            
            setInterval(function() {
                var targetLeft = parseInt(target.style.left);
                
                if (targetLeft < -20) {
                    target.style.left = "480px";
                } else {
                    target.style.left = (targetLeft - targetSpeed) + "px";
                }
            }, 30);
        });
    </script>
</body>
</html>
```