AI game creator

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

No:30176

←

Prev Next

→

Shooting Game
Developer User14724｜Date and time 23/12/21 0:31:41
Build time 11.555 sec｜Game capacity 2.856KB｜

Script

Sure, I can help you create a simple shooting game using JavaScript that can be played on a smartphone. Here's an example implementation:

This is a basic shooting game where the player's objective is to shoot the enemy by tapping on the screen. The player can control their character (represented as a blue rectangle) and an enemy (represented as a red rectangle) falls from the top of the canvas. If the player shoots the enemy, it will reset to the top with a random X position. If the enemy reaches the bottom of the canvas without being shot, the game ends. Please note that this is just a simple example to demonstrate the concept of a shooting game using JavaScript. You can enhance it further by adding more features and graphics as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure, I can help you create a simple shooting game using JavaScript that can be played on a smartphone. Here's an example implementation:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
    <style>
        canvas { border: 1px solid black; }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="300" height="200"></canvas>

// Player and enemy variables
            var playerX = canvas.width / 2;
            var playerY = canvas.height - 30;
            var enemyX = canvas.width / 2;
            var enemyY = 0;
            var enemySpeed = 2;

// Flag to check if player has shot
            var bulletFired = false;

// Event listener to detect touch on the canvas
            canvas.addEventListener("touchstart", function(event) {
                event.preventDefault();
                bulletFired = true;
            });

// Game loop
            function draw() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
                ctx.fillStyle = "blue";
                ctx.fillRect(playerX - 10, playerY, 20, 20);

// Draw enemy
                ctx.fillStyle = "red";
                ctx.fillRect(enemyX - 10, enemyY, 20, 20);

// Move enemy
                enemyY += enemySpeed;

// Check if bullet hit enemy
                if (bulletFired && enemyY >= playerY) {
                    bulletFired = false;
                    enemyX = Math.random() * canvas.width;
                    enemyY = 0;
                }

// Game over condition
                if (enemyY >= canvas.height) {
                    clearInterval(gameInterval);
                    alert("Game Over");
                }

// Request animation frame
                requestAnimationFrame(draw);
            }

// Start the game loop
            var gameInterval = setInterval(draw, 10);
        });
    </script>
</body>
</html>
```

Please note that this is just a simple example to demonstrate the concept of a shooting game using JavaScript. You can enhance it further by adding more features and graphics as per your requirements.