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

No:36525

A game which ask you about your fear, utilise the ..ALL
Developer User16815｜Date and time 24/1/17 21:19:18
Build time 13.448 sec｜Game capacity 3.141KB｜

Script

Sure! Here's a simple game that asks the player about their fear and allows them to turn it into an avatar to fight with their own avatar. The game uses pictograms and is designed for smartphone operation. Please note that the game logic is simplified for the sake of brevity.

Fear Fighter

What is your greatest fear?

In this game, the player enters their greatest fear in the provided input field. When they click the "Fight!" button, the game generates an avatar based on their fear (using the `getAvatarImage` function) and starts the fight simulation against a fear avatar (generated by the `generateFearAvatar` function). The game then checks if the player wins or loses the fight and displays an alert accordingly. Please note that you need to have your own avatar images (such as `emozi_apple.png`, `emozi_all/spider.png`, etc.) and update the image paths in the code accordingly.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fear Fighter</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      padding: 20px;
    }
    img {
      width: 200px;
      height: 200px;
    }
    button {
      margin-top: 10px;
      padding: 10px 20px;
      font-size: 16px;
      background-color: #4CAF50;
      border: none;
      color: white;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Fear Fighter</h1>
  <img id="playerAvatar" src="avatar.png" alt="Player Avatar">
  <h3>What is your greatest fear?</h3>
  <input type="text" id="fearInput" placeholder="Enter your fear here" />
  <button onclick="createAvatar()">Fight!</button>

function getAvatarImage(fear) {
      // This function can be extended to map fears to specific avatar images
      // For simplicity, let's assume only two avatars
      if (fear.toLowerCase().includes("spider")) {
        return "spider-avatar.png";
      } else {
        return "default-avatar.png";
      }
    }

function generateFearAvatar() {
      // Generating a random fear avatar for fighting simulation
      var fearAvatars = [
        "spider-avatar.png",
        "snake-avatar.png",
        "height-avatar.png",
        "dark-avatar.png"
        // Add more fear avatar images
      ];
      
      var randomIndex = Math.floor(Math.random() * fearAvatars.length);
      var fearAvatar = new Image();
      fearAvatar.src = fearAvatars[randomIndex];
      return fearAvatar;
    }
  </script>
</body>
</html>
```

Please note that you need to have your own avatar images (such as `avatar.png`, `spider-avatar.png`, etc.) and update the image paths in the code accordingly.