AI game creator

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

No:49943

←

Prev Next

→

Shooting Game
Developer User21176｜Date and time 24/3/6 23:28:51
Build time 8.99 sec｜Game capacity 2.002KB｜

Script

Here is an example of a simple shooting game implemented as a single HTML file with JavaScript:

This code sets up a simple shooting game where the player can move left and right and shoot bullets by pressing the spacebar. The bullet travels upwards towards the top of the canvas. The player is represented by a rectangle and the bullet is represented by a smaller rectangle. The game will update and render the player and bullet continuously using the `requestAnimationFrame` function.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Here is an example of a simple shooting game implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
<title>Shooting Game</title>
<style>
    canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 50;
        let playerSize = 20;
        
        let bulletX;
        let bulletY;
        let bulletSize = 5;
        let bulletSpeed = 5;
        let bulletFired = false;
        
        document.addEventListener('keydown', (event) => {
            if (event.key === ' ' && !bulletFired) {
                bulletX = playerX;
                bulletY = playerY;
                bulletFired = true;
            }
        });
        
        function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            ctx.fillRect(playerX - playerSize / 2, playerY - playerSize / 2, playerSize, playerSize);
            
            if (bulletFired) {
                ctx.fillRect(bulletX - bulletSize / 2, bulletY - bulletSize / 2, bulletSize, bulletSize);
                bulletY -= bulletSpeed;
                
                if (bulletY < 0) {
                    bulletFired = false;
                }
            }
            
            requestAnimationFrame(updateGame);
        }
        
        updateGame();
    </script>
</body>
</html>
```