a samurai on a journey to save his beloved's game

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

No:39704

←

Prev Next

→

a samurai on a journey to save his beloved
Developer User17771｜Date and time 24/1/29 22:12:38
Build time 23.271 sec｜Game capacity 4.245KB｜

Script

Sure! Here's an example of a game implemented as a single HTML file, using JavaScript and enclosed in script tags. You can play it assuming smartphone operation. The game involves a samurai on a journey to save his beloved, using pictograms.

🤺

This code will create a game screen with a samurai character, and three action buttons: Attack, Heal, and Run. The player's health starts at 100, and the opponent's health also starts at 100. Each action button triggers a specific action for the samurai and the opponent, updating the health values accordingly. The game ends when either the player's health or the opponent's health reaches zero, displaying the outcome. You can copy this code into a single HTML file (e.g., `game.html`) and open it in a web browser to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Samurai Journey</title>
    <style>
        #game-screen {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-size: 28px;
        }

#player {
            font-size: 60px;
            margin-bottom: 20px;
        }

#actions {
            display: flex;
            align-items: center;
        }

button {
            margin: 0 10px;
            padding: 10px 20px;
            font-size: 24px;
        }

img {
            width: 60px;
            height: 60px;
            margin-right: 10px;
        }
    </style>
</head>
<body>
    <div id="game-screen">
        <div id="player">🤺</div>
        <div id="actions">
            <button onclick="attack()">⚔️ Attack</button>
            <button onclick="heal()">🏥 Heal</button>
            <button onclick="run()">👣 Run</button>
        </div>
    </div>

function attack() {
            if (!gameRunning) return;
            
            const playerDamage = Math.floor(Math.random() * 10) + 1;
            const opponentDamage = Math.floor(Math.random() * 10) + 1;

playerHealth -= opponentDamage;
            opponentHealth -= playerDamage;

updateGameScreen();

if (playerHealth <= 0) {
                endGame(false);
            } else if (opponentHealth <= 0) {
                endGame(true);
            }
        }

function heal() {
            if (!gameRunning) return;

const playerHealing = Math.floor(Math.random() * 10) + 1;
            const opponentDamage = Math.floor(Math.random() * 10) + 1;

playerHealth += playerHealing;
            playerHealth -= opponentDamage;

updateGameScreen();

if (playerHealth <= 0) {
                endGame(false);
            } else if (opponentHealth <= 0) {
                endGame(true);
            }
        }

function run() {
            if (!gameRunning) return;

const opponentDamage = Math.floor(Math.random() * 10) + 1;
            playerHealth -= opponentDamage;

updateGameScreen();

if (playerHealth <= 0) {
                endGame(false);
            }
        }

function updateGameScreen() {
            document.getElementById("player").innerHTML = "🤺";
            document.getElementById("actions").style.display = "none";

setTimeout(() => {
                document.getElementById("player").innerHTML = "🆘";
                document.getElementById("actions").style.display = "flex";

document.getElementById("player").style.color = playerHealth <= 30 ? "red" : "black";
                document.getElementById("player").style.fontSize = playerHealth <= 30 ? "80px" : "60px";

document.getElementById("player").innerHTML = "🤺 Health: " + playerHealth;
            }, 1000);
        }

function endGame(playerWon) {
            document.getElementById("player").innerHTML = playerWon ? "🎉 You Saved Your Beloved! 🎉" : "💀 Game Over 💀";
            document.getElementById("actions").style.display = "none";
            gameRunning = false;
        }
    </script>
</body>
</html>
```

You can copy this code into a single HTML file (e.g., `game.html`) and open it in a web browser to play the game.