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

No:8667

261

←

Prev Next

→

RPG like Pokemon
Developer User4226｜Date and time 23/7/17 21:56:35
Build time 16.7 sec｜Game capacity 2.088KB｜

Script

了解しました。以下にポケモン風の簡単なRPGゲームを作成した例を示します。

Pokémon RPG

Catch Pokémon to earn points!

Score: 0

このゲームでは、「Catch Pokémon」ボタンをクリックすることで、ランダムにポケモンを捕まえるか逃してしまうかが決まり、点数が加算されたり減算されたりします。ポケモンの画像とメッセージ、スコアが表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にポケモン風の簡単なRPGゲームを作成した例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pokémon RPG</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        button {
            padding: 10px 20px;
            font-size: 16px;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Pokémon RPG</h1>
    <div>
        <img src="pokemon.png" alt="Pokémon" id="pokemon-image" height="200">
    </div>
    <div>
        <p id="message">Catch Pokémon to earn points!</p>
        <p id="score">Score: 0</p>
    </div>
    <div>
        <button id="catch-btn">Catch Pokémon</button>
    </div>
    
    <script>
        var score = 0;
        var pokemonImage = document.getElementById("pokemon-image");
        var messageElement = document.getElementById("message");
        var scoreElement = document.getElementById("score");
        
        // ポケモンを捕まえるボタンがクリックされた時の処理
        document.getElementById("catch-btn").addEventListener("click", function() {
            var randomNumber = Math.random();
            
            if (randomNumber < 0.5) {
                pokemonImage.src = "happy_pokemon.png";
                score += 10;
                messageElement.textContent = "Congratulations! You caught a Pokémon!";
            } else {
                pokemonImage.src = "sad_pokemon.png";
                score -= 5;
                messageElement.textContent = "Oh no! The Pokémon got away!";
            }
            
            scoreElement.textContent = "Score: " + score;
        });
    </script>
</body>
</html>
```