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

No:31509

Pokémon rip off with different name but very simil..ALL
Developer User15157｜Date and time 23/12/27 8:52:19
Build time 24.792 sec｜Game capacity 4.434KB｜

Script

Sure! Here's a simple example of a Pokémon-inspired game written in a single HTML file using JavaScript, with pictograms for smartphone operation:

Pocket Monsters Game

Choose your monster!

This game allows the player to select a monster by clicking on the pictograms. After selecting a monster and clicking "Start Battle," the player's monster will battle against a randomly chosen computer monster. The battle continues until one of the monsters' health reaches zero. The player can restart the game by clicking the "Restart" button. Note: Don't forget to replace the image sources (`src`) with the actual image paths in the `img` tags.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple example of a Pokémon-inspired game written in a single HTML file using JavaScript, with pictograms for smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pocket Monsters Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        img {
            width: 150px;
            height: 150px;
            cursor: pointer;
        }
        #message {
            padding: 10px;
            font-weight: bold;
        }
        #options {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Pocket Monsters Game</h1>
    <h2>Choose your monster!</h2>
    <img id="monster1" src="img/monster1.png" alt="Monster 1">
    <img id="monster2" src="img/monster2.png" alt="Monster 2">
    <img id="monster3" src="img/monster3.png" alt="Monster 3">
    
    <div id="message"></div>
    <div id="options">
        <button id="start">Start Battle</button>
        <button id="restart" style="display: none;">Restart</button>
    </div>

let playerMonster = null;
        let computerMonster = null;

// Update monster selection and start battle
        document.getElementById('monster1').addEventListener('click', function() {
            selectMonster(0);
        });

document.getElementById('monster2').addEventListener('click', function() {
            selectMonster(1);
        });

document.getElementById('monster3').addEventListener('click', function() {
            selectMonster(2);
        });

document.getElementById('start').addEventListener('click', startBattle);
        document.getElementById('restart').addEventListener('click', restartGame);
        
        function selectMonster(index) {
            playerMonster = monsters[index];
            document.getElementById('message').innerHTML = `You've selected ${playerMonster.name}`;
        }

function startBattle() {
            if (!playerMonster) {
                document.getElementById('message').innerHTML = "Please select a monster first!";
                return;
            }

// Randomly select computer's monster
            const randomIndex = Math.floor(Math.random() * monsters.length);
            computerMonster = monsters[randomIndex];

document.getElementById('message').innerHTML = `A wild ${computerMonster.name} has appeared!`;
            document.getElementById('options').style.display = 'none';
            document.getElementById('restart').style.display = 'inline-block';

// Start fight
            setTimeout(fight, 1000);
        }

function fight() {
            while (playerMonster.health > 0 && computerMonster.health > 0) {
                // Player attacks
                computerMonster.health -= playerMonster.attack;
                if (computerMonster.health <= 0) {
                    showResult('You Win!');
                    break;
                }

// Computer attacks
                playerMonster.health -= computerMonster.attack;
                if (playerMonster.health <= 0) {
                    showResult('You Lose!');
                    break;
                }
            }
        }

function showResult(result) {
            document.getElementById('message').innerHTML = result;
        }

function restartGame() {
            playerMonster = null;
            computerMonster = null;
            document.getElementById('message').innerHTML = '';
            document.getElementById('options').style.display = 'block';
            document.getElementById('restart').style.display = 'none';
        }
    </script>
</body>
</html>
```

Note: Don't forget to replace the image sources (`src`) with the actual image paths in the `img` tags.