Make a game with shooting's game

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

No:35121

←

Prev Next

→

Make a game with shooting
Developer User16438｜Date and time 24/1/13 11:09:45
Build time 7.403 sec｜Game capacity 2.569KB｜

Script

Sure! Here's an example of a simple shooting game implemented as a single HTML file using JavaScript. The game can be played on smartphones, and pictograms are used to depict the game elements. Please note that this is a basic example and can be further expanded upon to add more features.

This is a very basic implementation of a shooting game where the player is represented by a blue square on the canvas. The player can be controlled by tapping the left and right arrow buttons on the smartphone. There is no shooting functionality in this example, but you can expand upon it by adding enemies, bullets, scoring system, and collision detection to create a more complete shooting game.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shooting Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="300"></canvas>

// Game initialization
        document.addEventListener('DOMContentLoaded', function() {
            // Get the canvas element
            const canvas = document.getElementById('gameCanvas');
            const ctx = canvas.getContext('2d');
        
            // Player object
            const player = {
                x: canvas.width / 2,
                y: canvas.height - 30,
                width: 20,
                height: 20,
                color: 'blue',
                speed: 5
            };
        
            // Key press event listener
            document.addEventListener('keydown', function(event) {
                if (event.key === 'ArrowLeft') {
                    player.x -= player.speed;
                }
                if (event.key === 'ArrowRight') {
                    player.x += player.speed;
                }
            });
        
            // Draw player on canvas
            function drawPlayer() {
                ctx.beginPath();
                ctx.rect(player.x, player.y, player.width, player.height);
                ctx.fillStyle = player.color;
                ctx.fill();
                ctx.closePath();
            }
        
            // Redraw canvas to update player position
            function updateGame() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                drawPlayer();
            }
        
            // Game loop
            function gameLoop() {
                updateGame();
                requestAnimationFrame(gameLoop);
            }
        
            // Start the game
            gameLoop();
        });
    </script>
</body>
</html>
```