Shooting game loot drops's game

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

No:23682

←

Prev Next

→

Shooting game loot drops
Developer User11099｜Date and time 23/11/2 22:23:17
Build time 82.866 sec｜Game capacity 4.787KB｜

Script

Sure! Here's a simple shooting game implemented in a single HTML file using JavaScript and pictograms for loot drops:

Score: 0

This game implements a simple shooting game where the player controls a crosshair and needs to shoot pictogram loot drops to score points. The loot drops fall from the top of the screen, and the player can click on them to remove them and increase their score. The game also displays the current score on the screen. The game will automatically start when the HTML file is opened in a browser.

←

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 in a single HTML file using JavaScript and pictograms for loot drops:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Shooting Game Loot Drops</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
            cursor: crosshair;
        }

#gameCanvas {
            background-color: black;
            width: 100%;
            height: 100vh;
        }
        
        #score {
            position: absolute;
            top: 10px;
            left: 10px;
            font-family: Arial, sans-serif;
            color: white;
            font-size: 18px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    <div id="score">Score: 0</div>

// Pictogram loot images
        var lootImageUrls = [
            "https://example.com/loot1.png",
            "https://example.com/loot2.png",
            "https://example.com/loot3.png",
            // Add more pictogram loot image URLs
        ];

// Initialize game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
            score = 0;
            lootDrops = [];

// Load loot images
            lootImages = [];
            for (var i = 0; i < lootImageUrls.length; i++) {
                var lootImage = new Image();
                lootImage.src = lootImageUrls[i];
                lootImages.push(lootImage);
            }

// Set player position
            playerX = canvas.width / 2;
            playerY = canvas.height / 2;

// Add event listener for shooting
            canvas.addEventListener("click", shoot);

// Start game loop
            gameLoop();
        }

// Game loop
        function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }

// Update game state
        function update() {
            // Move loot drops
            for (var i = 0; i < lootDrops.length; i++) {
                lootDrops[i].y += 5;
                if (lootDrops[i].y > canvas.height) {
                    // Remove loot drop when it goes off screen
                    lootDrops.splice(i, 1);
                    i--;
                }
            }
        }

// Draw game objects
        function draw() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // Draw player
            ctx.fillStyle = "white";
            ctx.fillRect(playerX - 5, playerY - 5, 10, 10);
            
            // Draw loot drops
            for (var i = 0; i < lootDrops.length; i++) {
                ctx.drawImage(lootImages[lootDrops[i].type], lootDrops[i].x, lootDrops[i].y, 20, 20);
            }
            
            // Display score
            ctx.fillStyle = "white";
            ctx.fillText("Score: " + score, 10, 20);
        }

// Handle shooting event
        function shoot(event) {
            var rect = canvas.getBoundingClientRect();
            var clickX = event.clientX - rect.left;
            var clickY = event.clientY - rect.top;

// Check if player hit any loot drop
            for (var i = 0; i < lootDrops.length; i++) {
                if (clickX >= lootDrops[i].x && clickX <= lootDrops[i].x + 20 &&
                    clickY >= lootDrops[i].y && clickY <= lootDrops[i].y + 20) {
                    // Remove loot drop when hit and increase score
                    lootDrops.splice(i, 1);
                    score++;
                    break;
                }
            }
        }

// Generate random loot drop
        function generateLootDrop() {
            var lootDrop = {
                x: Math.random() * (canvas.width - 20),
                y: -20,
                type: Math.floor(Math.random() * lootImages.length)
            };
            lootDrops.push(lootDrop);
        }

// Start game
        init();

// Generate loot drops every 1 second
        setInterval(generateLootDrop, 1000);
    </script>
</body>
</html>
```