A game where you can have adventures and fight enemies.'s game

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

No:9232

418

←

Prev Next

→

A game where you can have adventures and fight ene..ALL
Developer User4318｜Date and time 23/7/22 19:44:34
Build time 21.81 sec｜Game capacity 2.929KB｜

Script

了解しました。以下に、スマホで遊べるシンプルな冒険ゲームの例を示します。

このゲームでは、攻撃と回復の2つのアクションがあります。プレイヤーと敵の体力が表示され、攻撃ボタンを押すとプレイヤーと敵の体力が減少します。回復ボタンを押すとプレイヤーの体力が回復し、敵の体力も減少します。どちらかの体力がゼロになると、対応するメッセージが表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、スマホで遊べるシンプルな冒険ゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>冒険ゲーム</title>
    <style>
        body {
            background-color: #f3f3f3;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-family: Arial, sans-serif;
        }

.game-container {
            width: 200px;
            text-align: center;
        }

.result {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 20px;
        }

.button {
            display: inline-block;
            padding: 10px 20px;
            background-color: #3498db;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            margin: 5px;
        }
    </style>
</head>
<body>
    <div class="game-container">
        <div class="result"></div>
        <button class="button" onclick="attack()">攻撃</button>
        <button class="button" onclick="heal()">回復</button>
    </div>

function attack() {
            playerHealth -= getRandomNumber(5, 15);
            enemyHealth -= getRandomNumber(10, 20);

updateResult();
        }

function heal() {
            playerHealth += getRandomNumber(10, 20);
            enemyHealth -= getRandomNumber(10, 20);

updateResult();
        }

function getRandomNumber(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }

function updateResult() {
            var result = document.querySelector('.result');
            result.innerHTML = `プレイヤーの残り体力: ${playerHealth}  敵の残り体力: ${enemyHealth}`;

if (playerHealth <= 0) {
                result.innerHTML += '<br>敵に負けました！';
                disableButtons();
            } else if (enemyHealth <= 0) {
                result.innerHTML += '<br>敵を倒しました！';
                disableButtons();
            }
        }

function disableButtons() {
            var buttons = document.querySelectorAll('.button');
            buttons.forEach(function(button) {
                button.disabled = true;
            });
        }
    </script>
</body>
</html>
```