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

No:33678

116

←

Prev Next

→

Make a game that monsters took over the world and ..ALL
Developer User12467｜Date and time 24/1/6 5:26:37
Build time 27.168 sec｜Game capacity 3.246KB｜

Script

Monster Savior

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Monster Savior</title>
    <style>
      body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        font-family: Arial, sans-serif;
      }
      #game-container {
        text-align: center;
      }
      #message {
        font-size: 20px;
        margin-bottom: 10px;
      }
      #status {
        font-size: 14px;
        margin-top: 10px;
      }
      #action-buttons button {
        margin-top: 10px;
        font-size: 16px;
        padding: 5px 10px;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <h1>Monster Savior</h1>
      <div id="message"></div>
      <div id="status"></div>
      <div id="action-buttons">
        <button onclick="performAction('punch')">Punch</button>
        <button onclick="performAction('special')">Special Attack</button>
      </div>
    </div>
    <script>
      // Game variables
      let monsterLives = 100;
      let playerLives = 3;
      let isInProgress = true;

// Game messages
      const messages = {
        punch: "Punch when it says 'Punch'!",
        special: "Use your special attack when it says 'Special attack'!",
        punchFailed: "You missed and lost 1 life!",
        defeat: "You defeated the monster and saved the world!",
        lose: "You lost all your lives! Game over.",
      };

// Function to randomly generate the next action
      function generateNextAction() {
        const actions = ["punch", "special"];
        const randomIndex = Math.floor(Math.random() * actions.length);
        return actions[randomIndex];
      }

// Function to handle player actions
      function performAction(action) {
        if (!isInProgress) return;
        
        const monsterAction = generateNextAction();

if (action === monsterAction) {
          if (action === "punch") {
            monsterLives--;
            displayMessage(messages.punch + " You punched the monster!");
          } else if (action === "special") {
            monsterLives -= 10;
            displayMessage(messages.special + " Your special attack caused massive damage!");
          }
        } else {
          if (action === "punch") {
            playerLives--;
            displayMessage(messages.punchFailed + " You missed the monster!");
          } else if (action === "special") {
            displayMessage(messages.special + " You used your special attack, but the monster evaded it!");
          }
        }

updateGameStatus();

if (monsterLives <= 0) {
          isInProgress = false;
          displayMessage(messages.defeat);
        } else if (playerLives <= 0) {
          isInProgress = false;
          displayMessage(messages.lose);
        }
      }

// Function to update the game status
      function updateGameStatus() {
        document.getElementById("status").innerText = `Monster Lives: ${monsterLives}\nPlayer Lives: ${playerLives}`;
      }

// Function to display game messages
      function displayMessage(message) {
        document.getElementById("message").innerText = message;
      }

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