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

No:42399

115

RPG where a boy fights monsters with regular house..ALL
Developer User18873｜Date and time 24/2/11 16:54:21
Build time 8.761 sec｜Game capacity 2.918KB｜

Sure! Here's an example implementation of a simple RPG game where a boy fights monsters with regular household objects. The game is designed for smartphone operation and uses pictograms for visuals:

Household Hero

Swipe left or right to attack!

Monster

In this game, the player is presented with a monster image displayed on the screen. The player can swipe left or right on the monster image to attack it using regular household objects. The monster's health decreases with each swipe, and once it reaches 0, the player is alerted that they have defeated the monster. The game uses touch event listeners to detect swipes on the monster image. The `handleSwipe` function is triggered on touch release and calculates the swipe direction and updates the monster's health accordingly. If the monster's health reaches 0, the player is alerted that they have won and the game is reset. Note that in this example, the `emozi_all/monster.png` image is assumed to exist in the same directory as the HTML file, so make sure to have a suitable image file with that name in the same location.

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Sure! Here's an example implementation of a simple RPG game where a boy fights monsters with regular household objects. The game is designed for smartphone operation and uses pictograms for visuals:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Household Hero RPG</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #game-container {
            margin-top: 20vh;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <h1>Household Hero</h1>
        <p>Swipe left or right to attack!</p>
        <img id="monster" src="monster.png" alt="Monster" width="200" height="200">
    </div>

<script>
        // Define the game logic and monster health
        var monsterHealth = 100;

// Handle swipe events
        function handleSwipe(event) {
            // Check swipe direction
            var xStart = event.changedTouches[0].pageX;
            var xEnd = event.changedTouches[0].pageX;
            var deltaX = xEnd - xStart;

// Update monster health based on swipe direction
            if (deltaX > 0) {
                monsterHealth -= 10;  // Attack from right
            } else {
                monsterHealth -= 5;  // Attack from left
            }

// Check if monster is defeated
            if (monsterHealth <= 0) {
                alert("Congratulations! You defeated the monster!");
                resetGame();
            } else {
                // Update monster health visual
                document.getElementById("monster").style.filter = "brightness(" + (monsterHealth / 100) + ")";
            }
        }

// Reset the game
        function resetGame() {
            monsterHealth = 100;
            document.getElementById("monster").style.filter = "brightness(1)";
        }

// Start the game
        function startGame() {
            document.getElementById("monster").addEventListener("touchend", handleSwipe);
        }

// Game initialization
         startGame();
    </script>
</body>
</html>
```

In this game, the player is presented with a monster image displayed on the screen. The player can swipe left or right on the monster image to attack it using regular household objects. The monster's health decreases with each swipe, and once it reaches 0, the player is alerted that they have defeated the monster.

The game uses touch event listeners to detect swipes on the monster image. The `handleSwipe` function is triggered on touch release and calculates the swipe direction and updates the monster's health accordingly. If the monster's health reaches 0, the player is alerted that they have won and the game is reset.

Note that in this example, the `monster.png` image is assumed to exist in the same directory as the HTML file, so make sure to have a suitable image file with that name in the same location.