Use bug spray to defeat the spiders and the spider king's game

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

No:20170

144

←

Prev Next

→

Use bug spray to defeat the spiders and the spider..ALL
Developer User8969｜Date and time 23/10/8 17:27:48
Build time 30.057 sec｜Game capacity 5.947KB｜

Script

Sure! Here's an example of a simple game that meets your requirements. It involves using bug sprays to defeat spiders and the spider king:

In this game, you control a player (represented by a blue square) using the left and right arrow keys. The objective is to shoot bug sprays (green rectangles) at the spiders (red circles) and the spider king (purple circle). If a bug spray hits a spider, it is defeated, and the score increases. If you defeat all the spiders, you win the game. However, if a spider or the spider king collides with the player, the game is over. You can use this code as a starting point and customize it further to add additional features, levels, or graphics using pictograms if desired.

←

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 that meets your requirements. It involves using bug sprays to defeat spiders and the spider king:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Bug Spray Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Initialize canvas
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        
        // Game variables
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 50;
        const bugSprays = [];
        let score = 0;
        let gameRunning = true;
        
        // Player controls
        document.addEventListener("keydown", handleKeyPress);
        
        function handleKeyPress(e) {
            if (e.key === "ArrowLeft" && playerX > 20) {
                playerX -= 20;
            } else if (e.key === "ArrowRight" && playerX < canvas.width - 40) {
                playerX += 20;
            } else if (e.key === "Spacebar") {
                shootBugSpray();
            }
        }
        
        // Shoot bug sprays
        function shootBugSpray() {
            bugSprays.push({
                x: playerX,
                y: playerY
            });
        }
        
        // Spiders
        const spiders = [
            { x: 50, y: 40, radius: 20 },
            { x: 150, y: 70, radius: 20 },
            { x: 250, y: 100, radius: 20 },
            { x: 350, y: 130, radius: 20 }
        ];
        
        // Spider king
        let spiderKing = { x: canvas.width / 2, y: 20, radius: 40 };
        
        // Update game state
        function update() {
            if (gameRunning) {
                // Clear canvas
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                
                // Draw player
                ctx.fillStyle = "blue";
                ctx.fillRect(playerX, playerY, 20, 20);
                
                // Draw bug sprays
                ctx.fillStyle = "green";
                bugSprays.forEach((bugSpray, index) => {
                    ctx.fillRect(bugSpray.x, bugSpray.y, 5, 15);
                    bugSpray.y -= 4;
                    
                    // Check collision with spiders
                    spiders.forEach((spider, spiderIndex) => {
                        const dx = bugSpray.x - spider.x;
                        const dy = bugSpray.y - spider.y;
                        const distance = Math.sqrt(dx * dx + dy * dy);
                        
                        if (distance < spider.radius) {
                            // Remove spider and bug spray
                            spiders.splice(spiderIndex, 1);
                            bugSprays.splice(index, 1);
                            
                            // Increase score
                            score += 10;
                            
                            // Check if spider king is defeated
                            if (spiders.length === 0) {
                                gameRunning = false;
                                alert("Congratulations! You defeated the Spider King!");
                            }
                        }
                    });
                    
                    // Remove bug spray if it goes off-screen
                    if (bugSpray.y < 0) {
                        bugSprays.splice(index, 1);
                    }
                });
                
                // Draw spiders
                ctx.fillStyle = "red";
                spiders.forEach(spider => {
                    ctx.beginPath();
                    ctx.arc(spider.x, spider.y, spider.radius, 0, Math.PI * 2);
                    ctx.closePath();
                    ctx.fill();
                    
                    // Check collision with player
                    const dx = spider.x - playerX;
                    const dy = spider.y - playerY;
                    const distance = Math.sqrt(dx * dx + dy * dy);
                    
                    if (distance < spider.radius) {
                        gameRunning = false;
                        alert("Game Over! Spiders captured you.");
                    }
                });
                
                // Draw spider king
                ctx.fillStyle = "purple";
                ctx.beginPath();
                ctx.arc(spiderKing.x, spiderKing.y, spiderKing.radius, 0, Math.PI * 2);
                ctx.closePath();
                ctx.fill();
                
                // Check collision with player
                const dx = spiderKing.x - playerX;
                const dy = spiderKing.y - playerY;
                const distance = Math.sqrt(dx * dx + dy * dy);
                
                if (distance < spiderKing.radius) {
                    gameRunning = false;
                    alert("Game Over! Spider King got you.");
                }
                
                // Draw score
                ctx.fillStyle = "black";
                ctx.font = "16px Arial";
                ctx.fillText("Score: " + score, 10, 20);
                
                // Call update() recursively
                requestAnimationFrame(update);
            }
        }
        
        // Start game
        update();
    </script>
</body>
</html>
```

You can use this code as a starting point and customize it further to add additional features, levels, or graphics using pictograms if desired.