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

No:35466

106

←

Prev Next

→

>Chaos island 2 RPG Collect materials an make ..ALL
Developer Dooz studio｜Date and time 24/1/14 14:31:37
Build time 17.765 sec｜Game capacity 5.459KB｜

Script

Chaos Island 2 RPG

Inventory

Biomes

🌲 Forest
🏜️ Desert
⛰️ Mountain
🌊 Ocean
🌳 Swamp
🕳️ Cave

Crafting

Actions

Time Left

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Chaos Island 2 RPG</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    #message {
      font-weight: bold;
    }
    #inventory {
      margin-top: 10px;
    }
    #biomes {
      margin-top: 20px;
    }
    #crafting {
      margin-top: 20px;
    }
    #actions {
      margin-top: 20px;
    }
    #timer {
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Chaos Island 2 RPG</h1>
  <div id="message"></div>
  <div id="inventory">
    <h2>Inventory</h2>
    <ul id="items"></ul>
  </div>
  <div id="biomes">
    <h2>Biomes</h2>
    <ul>
      <li id="forest">🌲 Forest</li>
      <li id="desert">🏜️ Desert</li>
      <li id="mountain">⛰️ Mountain</li>
      <li id="ocean">🌊 Ocean</li>
      <li id="swamp">🌳 Swamp</li>
      <li id="cave">🕳️ Cave</li>
    </ul>
  </div>
  <div id="crafting">
    <h2>Crafting</h2>
    <ul id="crafting-items"></ul>
  </div>
  <div id="actions">
    <h2>Actions</h2>
    <button id="collect">Collect</button>
    <button id="craft">Craft</button>
  </div>
  <div id="timer">
    <h2>Time Left</h2>
    <div id="countdown"></div>
  </div>

// Define available crafting recipes
    const craftingRecipes = [
      {
        result: "Axe",
        requires: ["Wood", "Iron"]
      },
      {
        result: "Boat",
        requires: ["Wood", "Leaves", "Water"]
      },
      {
        result: "Spear",
        requires: ["Rock", "Wood"]
      },
      {
        result: "Pickaxe",
        requires: ["Rock", "Iron"]
      }
    ];

let inventory = {};
    let currentBiome = biomes[0];
    let timeLeft = 10;

// Update inventory display
    function updateInventory() {
      const itemsList = document.getElementById('items');
      itemsList.innerHTML = '';
      
      for (const resource in inventory) {
        const listItem = document.createElement('li');
        listItem.textContent = `${resource}: ${inventory[resource]}`;
        itemsList.appendChild(listItem);
      }
    }

// Update crafting display
    function updateCrafting() {
      const craftingList = document.getElementById('crafting-items');
      craftingList.innerHTML = '';

for (const recipe of craftingRecipes) {
        const canCraft = recipe.requires.every(resource => inventory[resource]);
        const listItem = document.createElement('li');
        listItem.textContent = `${recipe.result} (${canCraft ? 'Craftable' : 'Not Craftable'})`;
        listItem.classList.add(canCraft ? 'craftable' : 'not-craftable');
        craftingList.appendChild(listItem);
      }
    }

// Collect resources from the current biome
    function collectResources() {
      for (const resource of currentBiome.resources) {
        if (inventory[resource]) {
          inventory[resource]++;
        } else {
          inventory[resource] = 1;
        }
      }

updateInventory();
      showMessage(`Collected resources from ${currentBiome.name}`);
    }

// Craft an item using available resources
    function craftItem() {
      for (const recipe of craftingRecipes) {
        const canCraft = recipe.requires.every(resource => inventory[resource]);
        if (canCraft) {
          for (const resource of recipe.requires) {
            inventory[resource]--;
          }
          if (inventory[recipe.result]) {
            inventory[recipe.result]++;
          } else {
            inventory[recipe.result] = 1;
          }

updateInventory();
          showMessage(`Crafted ${recipe.result}`);
          break;
        }
      }
    }

// Update timer countdown
    function updateTimer() {
      const countdown = document.getElementById('countdown');
      countdown.textContent = `${timeLeft} seconds`;

if (timeLeft === 0) {
        naturalDisaster();
        timeLeft = 10;
      } else {
        timeLeft--;
      }
    }

// Trigger a random natural disaster
    function naturalDisaster() {
      const randomBiome = biomes[Math.floor(Math.random() * biomes.length)];
      showMessage(`Natural disaster strikes! Ran out of time in ${randomBiome.name}`);

// Reset inventory
      inventory = {};
      updateInventory();
      currentBiome = randomBiome;
    }

// Display a message on the screen
    function showMessage(message) {
      const messageContainer = document.getElementById('message');
      messageContainer.textContent = message;
    }

// Initialize game
    function startGame() {
      updateTimer();
      setInterval(updateTimer, 1000);
      
      // Bind button click events
      const collectButton = document.getElementById('collect');
      collectButton.addEventListener('click', collectResources);

const craftButton = document.getElementById('craft');
      craftButton.addEventListener('click', craftItem);
    }

// Start the game
    startGame();
  </script>
</body>
</html>