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

No:16349

126

←

Prev Next

→

A game where you have to collect rap and upgrade a..ALL
Developer User6337｜Date and time 23/9/17 12:37:54
Build time 29.933 sec｜Game capacity 3.965KB｜

Script

Sure! Here's a simple implementation of the game you described using JavaScript. Please note that in a real production scenario, this code would be separated into different files and have better code structure.

Rap Collector Game

Rap: 0

Bosses:

Boss 1: Power 10

Boss 2: Power 20

Boss 3: Power 30

Boss 4: Power 40

Boss 5: Power 50

Planets:

This HTML file contains JavaScript code enclosed within `
` tags. The game allows you to collect rap, upgrade planets, and defeat bosses. Each boss has a different power level, and you need to have enough rap to defeat them. You can also upgrade planets to enhance your rap collection. The game logic is implemented using JavaScript, and the UI is created using HTML and CSS. Note: The code provided is a simplified implementation to showcase the game concept and may require further enhancements and optimizations based on your specific requirements.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Rap Collector Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 50px;
    }

#rap-container {
      display: inline-block;
      padding: 10px;
      border: 2px solid gray;
      border-radius: 5px;
      margin-bottom: 20px;
      font-size: 24px;
    }

.boss {
      margin: 20px;
      font-size: 18px;
      text-decoration: underline;
    }

.planet {
      margin-top: 50px;
      margin-bottom: 20px;
      font-size: 20px;
    }

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

#output {
      color: red;
    }
  </style>
</head>
<body>
  <h1>Rap Collector Game</h1>

<div id="rap-container">
    Rap: <span id="rap">0</span>
  </div>
  
  <div class="boss">
    Bosses:
    <div id="boss1">Boss 1: Power 10</div>
    <div id="boss2">Boss 2: Power 20</div>
    <div id="boss3">Boss 3: Power 30</div>
    <div id="boss4">Boss 4: Power 40</div>
    <div id="boss5">Boss 5: Power 50</div>
  </div>

<div class="planet">
    Planets:
    <button id="planet1" onclick="upgrade('planet1')">Mars: Upgrade 1 - Cost: 5 Rap</button>
    <button id="planet2" onclick="upgrade('planet2')">Saturn: Upgrade 2 - Cost: 10 Rap</button>
    <button id="planet3" onclick="upgrade('planet3')">Jupiter: Upgrade 3 - Cost: 15 Rap</button>
  </div>

<button id="collect-btn" onclick="collectRap()">Collect Rap</button>
  <button id="attack-btn" onclick="attackBoss()">Attack!</button>
  
  <p id="output"></p>

function collectRap() {
      rap += 1 + planetUpgrades.reduce((sum, upgrade) => sum + upgrade);
      updateUI();
    }

function upgrade(planet) {
      const planetIndex = parseInt(planet.slice(-1)) - 1;
      const upgradeCosts = [5, 10, 15];

if (rap >= upgradeCosts[planetIndex]) {
        rap -= upgradeCosts[planetIndex];
        planetUpgrades[planetIndex]++;
        updateUI();
      }
    }

function attackBoss() {
      if (rap >= bossPowers[currentBossIndex]) {
        rap -= bossPowers[currentBossIndex];
        currentBossIndex++;

if (currentBossIndex === bossPowers.length) {
          document.getElementById("output").textContent = "Congratulations! You defeated all bosses!";
          document.getElementById("attack-btn").disabled = true;
        }

updateUI();
      } else {
        document.getElementById("output").textContent = "Not enough rap to attack boss!";
      }
    }

function updateUI() {
      document.getElementById("rap").textContent = rap;

for (let i = 0; i <= currentBossIndex; i++) {
        document.getElementById(`boss${i+1}`).textContent = `Boss ${i+1}: Power ${bossPowers[i]}`;
      }

for (let i = 0; i < planetUpgrades.length; i++) {
        document.getElementById(`planet${i+1}`).textContent = `${planetNames[i]}: Upgrade ${planetUpgrades[i]} - Cost: ${upgradeCosts[i]} Rap`;
      }
    }
    
    updateUI();
  </script>
</body>
</html>
```

This HTML file contains JavaScript code enclosed within `<script>` tags. The game allows you to collect rap, upgrade planets, and defeat bosses. Each boss has a different power level, and you need to have enough rap to defeat them. You can also upgrade planets to enhance your rap collection. The game logic is implemented using JavaScript, and the UI is created using HTML and CSS.

Note: The code provided is a simplified implementation to showcase the game concept and may require further enhancements and optimizations based on your specific requirements.