AI game creator

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

No:42801

105

←

Prev Next

→

Shooting Game
Developer User18786｜Date and time 24/2/12 23:20:30
Build time 9.231 sec｜Game capacity 2.455KB｜

Script

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript. It follows the instructions provided and can be played on a smartphone.

This game will display a "Start Game" button initially. When the button is clicked, the game will start, showing the target pictogram. The player can shoot by clicking the "Shoot" button, and their score will be updated accordingly. The game will spawn a new target every second. Note: You will need to replace "emozi_rabbit.png" and "emozi_apple.png" with actual image files to display the pictograms.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's a simple shooting game implemented as a single HTML file using JavaScript. It follows the instructions provided and can be played on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Shooting Game</title>
</head>
<body>
<script>
    // Game Variables
    var score = 0;
    var shots = 0;

// Function to handle shooting
    function shoot() {
        shots++;
        var target = document.getElementById('target');
        var hit = document.getElementById('hit');
        if (target.style.visibility === 'visible') {
            target.style.visibility = 'hidden';
            hit.style.visibility = 'visible';
            score++;
        } else {
            hit.style.visibility = 'hidden';
        }
        updateScore();
    }

// Update score
    function updateScore() {
        document.getElementById('score').innerHTML = "Score: " + score + " / " + shots;
    }

// Start game
    function startGame() {
        document.getElementById('gameContainer').style.display = 'block';
        setInterval(spawnTarget, 1000); // Spawn target every second
    }

// Function to randomly spawn target
    function spawnTarget() {
        var target = document.getElementById('target');
        var hit = document.getElementById('hit');
        if (Math.random() > 0.5) {
            target.style.visibility = 'visible';
            hit.style.visibility = 'hidden';
        } else {
            target.style.visibility = 'hidden';
            hit.style.visibility = 'hidden';
        }
    }
</script>

<div id="gameContainer" style="display: none;">
    <h1>Shooting Game</h1>
    <div id="target" style="visibility: hidden;">
        <img src="target.png" width="100" height="100" alt="Target">
    </div>
    <div id="hit" style="visibility: hidden;">
        <img src="hit.png" width="100" height="100" alt="Hit">
    </div>
    <button onclick="shoot()">Shoot</button>
    <div id="score">Score: 0 / 0</div>
</div>

<button onclick="startGame()">Start Game</button>

</body>
</html>
```

This game will display a "Start Game" button initially. When the button is clicked, the game will start, showing the target pictogram. The player can shoot by clicking the "Shoot" button, and their score will be updated accordingly. The game will spawn a new target every second.

Note: You will need to replace "target.png" and "hit.png" with actual image files to display the pictograms.