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

No:720

175

←

Prev Next

→

leveling up
Developer User3103｜Date and time 23/6/17 14:29:03
Build time 25.843 sec｜Game capacity 2.301KB｜

Script

レベル上げというRPG風のゲームです。スマホでも遊べるように設計されています。プレイヤーは、モンスターを倒すことでレベルアップし、新しい装備品を手に入れることができます。以下が実際のプログラムで記述したコードです。

レベル上げ

タップして攻撃しよう！

レベル: 1

攻撃力: 10

このアプリでは、プレイヤーは画面上のモンスターをタップすることで攻撃し、レベルアップすることが目的です。モンスターを倒すと、レベルが上がり、攻撃力が2倍になります。モンスターのHPは100です。プレイヤーの攻撃力は10点です。また、プレイヤーのレベルと攻撃力は画面上に表示されます。レベルアップすると、モンスターのHPが回復します。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

レベル上げというRPG風のゲームです。スマホでも遊べるように設計されています。プレイヤーは、モンスターを倒すことでレベルアップし、新しい装備品を手に入れることができます。

以下が実際のプログラムで記述したコードです。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>レベル上げ</title>
</head>
<body>
    <h1>レベル上げ</h1>
    <p>タップして攻撃しよう！</p>
    <div id="monster"></div>
    <div id="player">
        <div>レベル: <span id="level">1</span></div>
        <div>攻撃力: <span id="attack">10</span></div>
    </div>
    <script>
        var level = 1;
        var attack = 10;
        var monster = {
            hp: 100,
            attack: 5
        };
        
        var monsterElem = document.getElementById('monster');
        monsterElem.textContent = 'モンスター (HP: ' + monster.hp + ')';
        
        var playerElem = document.getElementById('player');
        var levelElem = document.getElementById('level');
        var attackElem = document.getElementById('attack');
        
        monsterElem.addEventListener('click', function() {
            var damage = Math.floor(Math.random() * attack) + 1;
            monster.hp -= damage;
            if (monster.hp < 0) monster.hp = 0;
            monsterElem.textContent = 'モンスター (HP: ' + monster.hp + ')';
            if (monster.hp === 0) {
                level++;
                attack *= 2;
                monster.hp = 100;
                monsterElem.textContent = 'モンスター (HP: ' + monster.hp + ')';
                levelElem.textContent = level;
                attackElem.textContent = attack;
            }
        });
    </script>
</body>
</html>
```