fires with a gun that shoots guns's game

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

No:37141

←

Prev Next

→

fires with a gun that shoots guns
Developer User17003｜Date and time 24/1/20 13:42:49
Build time 10.884 sec｜Game capacity 3.98KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file that you can play on a smartphone. The game involves firing guns that shoot guns (represented by pictograms):

This HTML file sets up a canvas element to render the game graphics. The game logic is written in JavaScript and enclosed within `
` tags. The player controls the gun's movement by touching and dragging on the screen. Tapping on the screen fires a bullet. The game loop continuously updates and renders the game objects, including the player's gun and the bullets on the canvas.

←

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 game implemented as a single HTML file that you can play on a smartphone. The game involves firing guns that shoot guns (represented by pictograms):

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Guns Shooting Game</title>
    <style>
        canvas {
            display: block;
            border: 1px solid #000;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Game variables
        let playerGun;
        let bullets = [];

// Initialize the game
        function initialize() {
            const canvas = document.getElementById('gameCanvas');
            canvas.width = CANVAS_WIDTH;
            canvas.height = CANVAS_HEIGHT;

const context = canvas.getContext('2d');

// Create the player's gun
            playerGun = {
                x: CANVAS_WIDTH / 2,
                y: CANVAS_HEIGHT - 40,
                width: 20,
                height: 40
            };

// Event listener for touch input
            canvas.addEventListener('touchstart', handleTouchStart, false);
            canvas.addEventListener('touchmove', handleTouchMove, false);

// Start the game loop
            gameLoop();

// Game loop
            function gameLoop() {
                // Clear the canvas
                context.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT);

// Draw the player's gun
                context.fillRect(
                    playerGun.x - playerGun.width / 2,
                    playerGun.y - playerGun.height / 2,
                    playerGun.width, playerGun.height);

// Update and draw bullets
                bullets.forEach((bullet) => {
                    bullet.y -= 5; // Move the bullets up

// Draw the bullets
                    context.fillRect(
                        bullet.x - bullet.width / 2,
                        bullet.y - bullet.height / 2,
                        bullet.width, bullet.height);
                });

// Remove bullets that are off the screen
                bullets = bullets.filter(bullet => bullet.y > 0);

requestAnimationFrame(gameLoop);
            }
        }

// Event handling functions
        function handleTouchStart(event) {
            event.preventDefault();
            fireBullet();
        }

function handleTouchMove(event) {
            event.preventDefault();
            const touchX = event.touches[0].clientX;
            movePlayerGun(touchX);
        }

// Move the player's gun based on touch position
        function movePlayerGun(touchX) {
            playerGun.x = touchX;
            if (playerGun.x < playerGun.width / 2) {
                playerGun.x = playerGun.width / 2;
            }
            if (playerGun.x > CANVAS_WIDTH - playerGun.width / 2) {
                playerGun.x = CANVAS_WIDTH - playerGun.width / 2;
            }
        }

// Fire a bullet
        function fireBullet() {
            const bullet = {
                x: playerGun.x,
                y: playerGun.y - playerGun.height / 2,
                width: 5, // Adjust size as needed
                height: 15 // Adjust size as needed
            };
            bullets.push(bullet);
        }

// Start the game
        window.onload = initialize;
    </script>
</body>
</html>
```

This HTML file sets up a canvas element to render the game graphics. The game logic is written in JavaScript and enclosed within `<script>` tags. The player controls the gun's movement by touching and dragging on the screen. Tapping on the screen fires a bullet. The game loop continuously updates and renders the game objects, including the player's gun and the bullets on the canvas.