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

No:40255

17

A character named Jack has to fight a demon named ..ALL
Developer User18055｜Date and time 24/2/2 5:18:10
Build time 17.86 sec｜Game capacity 3.891KB｜

Sure! Here's an example of a simple game in HTML with JavaScript that allows you to simulate a battle between a character named Jack and a demon named Josh. The game will be optimized for smartphone operation and will use pictograms for the characters.

Jack vs Josh: Battle Game

Jack

Jack

Health: 100

Attack Power: 10

Josh

Josh

Health: 100

Attack Power: 15

In this game, you have two characters: Jack and Josh. Each character has their own health and attack power. You can attack Jack by tapping the "Attack Jack" button, and you can attack Josh by tapping the "Attack Josh" button. The health of each character is displayed, and whenever an attack happens, a pictogram of the attacker shakes briefly to indicate the action. The damage caused by the attack is displayed in an alert message. The game continues until either Jack or Josh's health reaches zero. Once the game is over, an alert message declares the winner, and the buttons become disabled to prevent further attacks. Please note that you would need to replace "emozi_rabbit.png" and "emozi_apple.png" with the actual pictograms representing Jack and Josh, respectively, in your game implementation.

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple game in HTML with JavaScript that allows you to simulate a battle between a character named Jack and a demon named Josh. The game will be optimized for smartphone operation and will use pictograms for the characters.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jack vs Josh: Battle Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f3f3f3;
      text-align: center;
    }
    .container {
      margin: 100px auto;
      max-width: 500px;
      background-color: white;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    .character-img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      margin: 10px;
    }
    .button {
      background-color: #4caf50;
      color: white;
      border: none;
      padding: 10px 20px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Jack vs Josh: Battle Game</h1>
    <img class="character-img" src="jack.png" alt="Jack" id="jack-img">
    <h2>Jack</h2>
    <p>Health: <span id="jack-health">100</span></p>
    <p>Attack Power: 10</p>
    <img class="character-img" src="josh.png" alt="Josh" id="josh-img">
    <h2>Josh</h2>
    <p>Health: <span id="josh-health">100</span></p>
    <p>Attack Power: 15</p>
    <button class="button" onclick="attackJack()">Attack Jack</button>
    <button class="button" onclick="attackJosh()">Attack Josh</button>
  </div>

<script>
    var jackHealth = 100;
    var joshHealth = 100;
    var jackAttackPower = 10;
    var joshAttackPower = 15;

function attackJack() {
      var damage = Math.floor(Math.random() * joshAttackPower) + 1;
      jackHealth -= damage;

if (jackHealth <= 0) {
        jackHealth = 0;
        gameOver("Josh");
      }

updateHealth("jack", jackHealth);
      displayAttack("josh", "jack", damage);
    }

function attackJosh() {
      var damage = Math.floor(Math.random() * jackAttackPower) + 1;
      joshHealth -= damage;

if (joshHealth <= 0) {
        joshHealth = 0;
        gameOver("Jack");
      }

updateHealth("josh", joshHealth);
      displayAttack("jack", "josh", damage);
    }

function updateHealth(character, health) {
      document.getElementById(character + "-health").textContent = health;
    }

function displayAttack(attacker, target, damage) {
      var attackerImg = document.getElementById(attacker + "-img");
      var targetImg = document.getElementById(target + "-img");
      attackerImg.classList.add("shake");
      setTimeout(function() {
        attackerImg.classList.remove("shake");
      }, 500);
      alert(attacker + " attacks " + target + " for " + damage + " damage!");
    }

function gameOver(winner) {
      alert("Game Over! " + winner + " wins!");
      document.querySelector(".button").disabled = true;
    }
  </script>
</body>
</html>
```

In this game, you have two characters: Jack and Josh. Each character has their own health and attack power. You can attack Jack by tapping the "Attack Jack" button, and you can attack Josh by tapping the "Attack Josh" button.

The health of each character is displayed, and whenever an attack happens, a pictogram of the attacker shakes briefly to indicate the action. The damage caused by the attack is displayed in an alert message.

The game continues until either Jack or Josh's health reaches zero. Once the game is over, an alert message declares the winner, and the buttons become disabled to prevent further attacks.

Please note that you would need to replace "jack.png" and "josh.png" with the actual pictograms representing Jack and Josh, respectively, in your game implementation.