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

No:35128

Make a shooting game with a pistol shooting at tar..ALL
Developer User16438｜Date and time 24/1/13 11:18:59
Build time 14.562 sec｜Game capacity 4.97KB｜

Script

Sure, here's an example of a simple shooting game using JavaScript and pictograms:

Shooting Game

Score: 0

In this example, the game contains a game area, a player (represented by a pistol icon), and targets (represented by target icons). The player can shoot at the targets to earn points. Each successful hit increases the score by 10 points. The score is displayed at the top. The targets will be randomly positioned within the game area every second. Please make sure to save the pistol image as `emozi_bear.png` and the target image as `emozi_chicken.png` in the same directory as the HTML file. You can also customize the game design by modifying the CSS styles. Note: This is a basic implementation and can be enhanced with additional features like levels, timers, sound effects, etc., based on your requirements and preferences.

←

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 shooting game using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #game {
            position: relative;
            width: 500px;
            height: 400px;
            margin: 0 auto;
            background-color: #f1f1f1;
            border: 2px solid #ccc;
        }
        
        #player, .target {
            position: absolute;
            cursor: pointer;
        }
        
        #player {
            background-image: url('pistol.png');
            background-size: contain;
            width: 100px;
            height: 100px;
        }
        
        .target {
            background-image: url('target.png');
            background-size: contain;
            width: 80px;
            height: 80px;
        }
        
        #score {
            margin-top: 20px;
            font-size: 20px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>Shooting Game</h1>
    <div id="game">
        <div id="player"></div>
    </div>
    <div id="score">Score: 0</div>

// Initialize game variables
        let score = 0;
        let targetCount = 0;

// Function to create a target at a random position
        function createTarget() {
            const targetElement = document.createElement('div');
            targetElement.className = 'target';
            targetElement.style.left = Math.random() * (gameElement.offsetWidth - 80) + 'px';
            targetElement.style.top = Math.random() * (gameElement.offsetHeight - 80) + 'px';

// Add event listener to remove target when clicked
            targetElement.addEventListener('click', function() {
                gameElement.removeChild(targetElement);
                score += 10;
                scoreElement.textContent = 'Score: ' + score;
                targetCount--;
            });

// Add target to the game area
            gameElement.appendChild(targetElement);
            targetCount++;
        }

// Function to handle shooting action
        function shoot(event) {
            if (targetCount > 0) {
                const bulletX = event.clientX - gameElement.offsetLeft;
                const bulletY = event.clientY - gameElement.offsetTop;

const bulletElement = document.createElement('div');
                bulletElement.className = 'bullet';
                bulletElement.style.left = bulletX + 'px';
                bulletElement.style.top = bulletY + 'px';

// Check collision with targets
                const targets = document.getElementsByClassName('target');
                for (let i = 0; i < targets.length; i++) {
                    const target = targets[i];
                    const targetRect = target.getBoundingClientRect();

if (
                        bulletX >= targetRect.left &&
                        bulletX <= targetRect.right &&
                        bulletY >= targetRect.top &&
                        bulletY <= targetRect.bottom
                    ) {
                        gameElement.removeChild(target);
                        score += 10;
                        scoreElement.textContent = 'Score: ' + score;
                        targetCount--;
                    }
                }

// Add bullet to the game area
                gameElement.appendChild(bulletElement);

// Remove bullet after a short delay
                setTimeout(function() {
                    gameElement.removeChild(bulletElement);
                }, 100);
            }
        }

// Add click event listener to the game area
        gameElement.addEventListener('click', shoot);

// Create initial targets every 1 second
        setInterval(createTarget, 1000);
    </script>
</body>
</html>
```

Please make sure to save the pistol image as `pistol.png` and the target image as `target.png` in the same directory as the HTML file. You can also customize the game design by modifying the CSS styles.

Note: This is a basic implementation and can be enhanced with additional features like levels, timers, sound effects, etc., based on your requirements and preferences.