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

No:22043

54

Make a game where you are a persone stranded on a ..ALL
Developer User10116｜Date and time 23/10/20 6:35:07
Build time 57.507 sec｜Game capacity 3.891KB｜

Sure! Here's a simple game called "Island Adventure" where you play as a person stranded on an island with strange creatures and undiscovered ore. The goal is to survive and protect yourself by collecting different colored weapons from the ores you find. Each weapon deals a different amount of damage to the creatures. The game can be played on a smartphone. To implement this game, create a single HTML file and enclose the JavaScript code within script tags. Here's the code:

Island Adventure

Touch the ores to collect different colored weapons and defeat the creatures!

Player

In this game, the player's health is initially set to 100, and there are three different weapons available: red sword, green bow, and blue axe. When the player touches the creature by clicking on it, they are prompted to choose a weapon. If the chosen weapon is valid, the creature loses health based on the weapon's damage. The player also loses health due to a counter-attack from the creature. If the player or the creature's health reaches zero or below, the game ends with an appropriate message. Note: Replace "emozi_all/person.png", "emozi_chicken.png", "emozi_rabbit.png", and "emozi_hamuster.png" with the actual pictogram image URLs or use appropriate image sources.

→ 　

0　

0　

[PR]現在の欲しいゲームランキング

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

(C)2023 HisashiApp

Sure! Here's a simple game called "Island Adventure" where you play as a person stranded on an island with strange creatures and undiscovered ore. The goal is to survive and protect yourself by collecting different colored weapons from the ores you find. Each weapon deals a different amount of damage to the creatures. The game can be played on a smartphone.

To implement this game, create a single HTML file and enclose the JavaScript code within script tags. Here's the code:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Island Adventure</title>
    <style>
      body {
        background-color: lightblue;
        font-family: sans-serif;
        text-align: center;
      }
      img {
        width: 100px;
        height: 100px;
        margin: 10px;
      }
    </style>
  </head>
  <body>
    <h1>Island Adventure</h1>
    <p>Touch the ores to collect different colored weapons and defeat the creatures!</p>
    <div id="gameArea">
      <img id="player" src="person.png" alt="Player" onclick="attack()"/>
    </div>

<script>
      // Game variables
      var playerHealth = 100;
      var weapons = {
        red: { name: "Red Sword", damage: 20 },
        green: { name: "Green Bow", damage: 30 },
        blue: { name: "Blue Axe", damage: 40 }
      };

// Update player's health display
      function updateHealth() {
        var player = document.getElementById("player");
        player.title = "Health: " + playerHealth;
      }

// Attack the creature when player touches it
      function attack() {
        var currentWeapon = prompt("Choose weapon: red, green, or blue");

// Handle player's weapon choice
        if (currentWeapon === "red" || currentWeapon === "green" || currentWeapon === "blue") {
          var creature = document.querySelector("#gameArea img:not(#player)");
          var creatureHealth = Number(creature.title.split(":")[1]);

// Deal damage to the creature
          creatureHealth -= weapons[currentWeapon].damage;
          creature.title = "Health: " + creatureHealth;

// Handle creature's defeat
          if (creatureHealth <= 0) {
            creature.parentNode.removeChild(creature);
            alert("You defeated the creature! Game over.");
            return;
          }

// Creature's counter-attack
          playerHealth -= Math.floor(Math.random() * 20) + 10;
          if (playerHealth <= 0) {
            alert("The creature defeated you! Game over.");
            return;
          }
          updateHealth();
        } else {
          alert("Invalid weapon choice!");
        }
      }

// Initialize game
      function startGame() {
        updateHealth();

// Generate random creatures
        var gameArea = document.getElementById("gameArea");
        var creatures = ["creature1.png", "creature2.png", "creature3.png"];
        for (var i = 0; i < creatures.length; i++) {
          var creature = document.createElement("img");
          creature.src = creatures[i];
          creature.title = "Health: " + Math.floor(Math.random() * 100) + 50;
          gameArea.appendChild(creature);
        }
      }

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

In this game, the player's health is initially set to 100, and there are three different weapons available: red sword, green bow, and blue axe. When the player touches the creature by clicking on it, they are prompted to choose a weapon. If the chosen weapon is valid, the creature loses health based on the weapon's damage. The player also loses health due to a counter-attack from the creature. If the player or the creature's health reaches zero or below, the game ends with an appropriate message.

Note: Replace "person.png", "creature1.png", "creature2.png", and "creature3.png" with the actual pictogram image URLs or use appropriate image sources.