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

No:18549

a super hero fights so many zombies and have a bos..ALL
Developer User8197｜Date and time 23/9/29 21:44:40
Build time 49.353 sec｜Game capacity 5.443KB｜

Script

Sure! Here's a simple game implementation where a superhero fights zombies and faces a boss in a robot suit, using pictograms for display. Please note that the game logic is very basic, and you can add more features, levels, and animations as per your requirements.

Superhero versus Zombies

🦸

🤖

Save this code in a `.html` file and open it in a web browser on your smartphone to play the game. The superhero character can be controlled by tapping on the game screen, and the objective is to defeat as many zombies as possible while also dealing damage to the boss in the robot suit.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Superhero versus Zombies</title>
    <style>
        /* Add some basic styling */
        body {
            text-align: center;
        }
        
        #game-screen {
            margin: 30px auto;
            width: 300px;
            height: 300px;
            border: 2px solid black;
            position: relative;
        }
        
        #superhero {
            position: absolute;
            bottom: 0;
            left: 50px;
            font-size: 40px;
        }
        
        .zombie {
            position: absolute;
            font-size: 40px;
        }
        
        #boss {
            position: absolute;
            top: 0;
            left: 50px;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <h1>Superhero versus Zombies</h1>
    <div id="game-screen">
        <div id="superhero">🦸</div>
        <div id="boss">🤖</div>
    </div>
    
    <script>
        // Wait for the document to load
        window.addEventListener("DOMContentLoaded", function() {
            
            // Get game screen and characters
            const gameScreen = document.getElementById("game-screen");
            const superhero = document.getElementById("superhero");
            const boss = document.getElementById("boss");
            
            // Game state variables
            let score = 0;
            let zombies = 0;
            let bossHealth = 3;
            
            // Update the game screen
            function updateGameState() {
                superhero.style.bottom = (score * 20) + "px";
                boss.style.top = (score * 20) + "px";
                boss.innerHTML = (bossHealth > 0) ? "🤖" : "💀";
                
                if (bossHealth <= 0) {
                    endGame();
                }
            }
            
            // Start the game
            function startGame() {
                gameScreen.addEventListener("click", onSuperheroClick);
                generateZombie();
                setInterval(generateZombie, 1500);
            }
            
            // End the game
            function endGame() {
                gameScreen.removeEventListener("click", onSuperheroClick);
                alert("Game Over! Final Score: " + score);
            }
            
            // Generate a new zombie
            function generateZombie() {
                if (zombies >= 10) {
                    return;
                }
                
                const zombie = document.createElement("div");
                zombie.classList.add("zombie");
                zombie.innerHTML = "🧟";
                
                zombie.style.left = (Math.random() * (gameScreen.offsetWidth - 50)) + "px";
                zombie.style.top = "-40px";
                gameScreen.appendChild(zombie);
                
                animateZombie(zombie);
                zombies++;
            }
            
            // Animate the zombie movement
            function animateZombie(zombie) {
                let topPos = -40;
                const animationInterval = setInterval(frame, 50);
                
                function frame() {
                    if (topPos >= gameScreen.offsetHeight - 80) {
                        if (isColliding(zombie, superhero)) {
                            score++;
                            zombies--;
                            updateGameState();
                            clearInterval(animationInterval);
                            gameScreen.removeChild(zombie);
                        } else {
                            clearInterval(animationInterval);
                            gameScreen.removeChild(zombie);
                            if (--bossHealth <= 0) {
                                endGame();
                            }
                        }
                    } else {
                        topPos += 10;
                        zombie.style.top = topPos + "px";
                    }
                }
            }
            
            // Check collision between two elements
            function isColliding(element1, element2) {
                const rect1 = element1.getBoundingClientRect();
                const rect2 = element2.getBoundingClientRect();
                
                return !(
                    rect1.top > rect2.bottom ||
                    rect1.right < rect2.left ||
                    rect1.bottom < rect2.top ||
                    rect1.left > rect2.right
                );
            }
            
            // Event handler for superhero click
            function onSuperheroClick() {
                score++;
                updateGameState();
            }
            
            // Start the game
            startGame();
        });
    </script>
</body>
</html>
```