AI game creator

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

No:8017

800

←

Prev Next

→

sleight of hand
Developer User3589｜Date and time 23/7/12 0:02:31
Build time 11.514 sec｜Game capacity 5.321KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<body>
    <p id="description"></p>
    <button id="startBtn">出航する</button>
    <div id="islands"></div>
    <div id="events"></div>
<script>
  var islands = ["オレアンダー島", "ブロッサム島", "メイプル島", "リバーサイド島", "サンフラワー島", "エメラルド島", "ルビー島", "ガーネット島", "サファイア島", "フラグシップ島"];
  var captain = "キャプテン・シルバー";
  var currentIsland = null;
  var playerSkills = ['通常攻撃', '特殊攻撃', '回復'];
  var playerItems = ['回復ポーション', '攻撃力UP'];

var islandData = islands.map(function(name, i) {
    return {
      name: name,
      unlocked: i === 0,
      enemy: {
        name: "エネミー" + (i + 1),
        strength: i + 1
      },
      hasFlagship: i === islands.length - 1
    };
  });

function startJourney() {
    document.getElementById('startBtn').style.display = 'none';
    document.getElementById('description').innerText = captain + ": いざ、出航！";
    moveToIsland(islandData[0]);
  }

function moveToIsland(island) {
    currentIsland = island;
    document.getElementById('description').innerText = captain + ": " + island.name + "に到着したぞ。";

if (island.enemy) {
      battle(island.enemy);
    }

if (island.hasFlagship) {
      document.getElementById('description').innerText += ' フラグシップを見つけた！';
    }

updateIslands();
  }

function updateIslands() {
    var islandsDiv = document.getElementById('islands');
    islandsDiv.innerHTML = '';

islandData.forEach(function(island, index) {
      var button = document.createElement('button');
      button.innerText = island.name;
      button.disabled = !island.unlocked;

if (island === currentIsland) {
        button.style.backgroundColor = 'yellow';
      }

button.addEventListener('click', function() {
        moveToIsland(island);
      });

islandsDiv.appendChild(button);
    });
  }

function battle(enemy) {
    var dialog = document.createElement('div');
    dialog.style.backgroundColor = '#888';
    dialog.style.position = 'fixed';
    dialog.style.top = '50%';
    dialog.style.left = '50%';
    dialog.style.transform = 'translate(-50%, -50%)';
    dialog.style.padding = '20px';
    dialog.style.borderRadius = '10px';

var health = 100;
    var enemyHealth = enemy.strength * 20;

var status = document.createElement('p');
    status.innerHTML = "敵のHP: " + enemyHealth;
    dialog.appendChild(status);

var itemsDiv = document.createElement('div');
    playerItems.forEach(function(item) {
      var button = document.createElement('button');
      button.innerText = item;
      button.addEventListener('click', function() {
        if(item === '回復ポーション') {
          health += 20;
          status.innerHTML = "あなたは " + item + " を使用して自分のHPを20回復した！ あなたのHP: " + health;
        checkBattleEnd();
      } else if(item === '攻撃力UP') {

status.innerHTML = "あなたは " + item + " を使用して自分のHPを20回復した！ あなたのHP: " + health;
        } else if(item === '攻撃力UP') {
          var buttonIndex = playerSkills.indexOf('通常攻撃');
          if (buttonIndex > -1) {
            playerSkills[buttonIndex] = '強化された通常攻撃';
            status.innerHTML = "あなたは " + item + " を使用して通常攻撃が強化された！";
          }
        }
        checkBattleEnd();
      });
      itemsDiv.appendChild(button);
    });
    dialog.appendChild(itemsDiv);

document.body.appendChild(dialog);

document.getElementById('startBtn').addEventListener('click', startJourney);
</script>
</body>
</html>