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

No:11449

Gun game in 3D people as the target no device move..ALL
Developer User4887｜Date and time 23/8/10 6:35:33
Build time 12.848 sec｜Game capacity 4.446KB｜

Script

Sure! Here's an example of a simple gun game implemented as a single HTML file, using JavaScript and pictograms for the gun and people models:

Gun Game

Make sure to replace the `gun.jpg` and `person.jpg` file paths with the actual image paths you have for the gun and people pictograms. You can also adjust the game container size (`#game-container`) and the dimensions of the gun and people models (`.people`, `#gun`) according to your preferences. Please note that this is just a basic example to get you started. You can further enhance the game by adding more features, levels, animations, sound effects, etc.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple gun game implemented as a single HTML file, using JavaScript and pictograms for the gun and people models:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Gun Game</title>
    <style>
        #game-container {
            width: 500px;
            height: 500px;
            position: relative;
            border: 1px solid black;
        }

#gun {
            width: 50px;
            height: 50px;
            position: absolute;
            background-image: url("gun.jpg"); /* Replace with gun pictogram image */
            background-size: cover;
        }

.people {
            width: 50px;
            height: 50px;
            position: absolute;
            background-image: url("person.jpg"); /* Replace with people pictogram image */
            background-size: cover;
        }
    </style>
</head>
<body>
    <h1>Gun Game</h1>
    <div id="game-container">
        <div id="gun"></div>
        <div class="people"></div>
        <div class="people"></div>
        <div class="people"></div>
        <div class="people"></div>
        
    </div>

// Initialize gun position
            var gunX = gameContainer.offsetWidth / 2 - gun.offsetWidth / 2;
            var gunY = gameContainer.offsetHeight - gun.offsetHeight;
            gun.style.left = gunX + "px";
            gun.style.top = gunY + "px";

// Handle gun movement on touch events
            gameContainer.addEventListener("touchmove", function(event) {
                event.preventDefault();
                gunX = event.targetTouches[0].pageX - gun.offsetWidth / 2;
                gunY = event.targetTouches[0].pageY - gun.offsetHeight / 2;
                gun.style.left = gunX + "px";
                gun.style.top = gunY + "px";
            });

// Handle shooting on touch events
            gameContainer.addEventListener("touchend", function(event) {
                event.preventDefault();
                var bulletX = gunX;
                var bulletY = gunY;

var bullet = document.createElement("div");
                bullet.classList.add("bullet");
                bullet.style.left = bulletX + "px";
                bullet.style.top = bulletY + "px";
                gameContainer.appendChild(bullet);

var bulletInterval = setInterval(function() {
                    bulletY -= 10;
                    bullet.style.top = bulletY + "px";

// Check for collision with people
                    for (var i = 0; i < people.length; i++) {
                        var person = people[i];
                        var personRect = person.getBoundingClientRect();
                        var bulletRect = bullet.getBoundingClientRect();

if (
                            bulletRect.left < personRect.right &&
                            bulletRect.right > personRect.left &&
                            bulletRect.top < personRect.bottom &&
                            bulletRect.bottom > personRect.top
                        ) {
                            person.remove();
                            clearInterval(bulletInterval);
                            break; // Only destroy one person per bullet
                        }
                    }

// Remove bullet when it reaches the top
                    if (bulletY < 0) {
                        bullet.remove();
                        clearInterval(bulletInterval);
                    }
                }, 20);
            });
        });
    </script>
</body>
</html>
```

Please note that this is just a basic example to get you started. You can further enhance the game by adding more features, levels, animations, sound effects, etc.