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

No:11160

In this Advanced Minecraft like a game you have to..ALL
Developer unknown｜Date and time 23/8/8 4:39:23
Build time 42.93 sec｜Game capacity 4.776KB｜

Script

Sure! Here's an example of how the game can be implemented in a single HTML file using JavaScript. Please note that due to the constraints of a text-based interface, pictograms cannot be used.

Monster Fighter

To play the game, open the HTML file in a web browser (preferably on a smartphone) and use the arrow keys to move the player. Press the spacebar to shoot arrows at the monsters. The game is over when your lives reach 0.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure! Here's an example of how the game can be implemented in a single HTML file using JavaScript. Please note that due to the constraints of a text-based interface, pictograms cannot be used.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Monster Fighter Game</title>
  <style>
    body {
      text-align: center;
    }
    
    #game-board {
      display: inline-block;
      border: 1px solid black;
      width: 300px;
      height: 300px;
      position: relative;
    }
    
    .player {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: blue;
      top: 135px;
      left: 135px;
    }
    
    .monster {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: red;
    }
    
    .arrow {
      position: absolute;
      width: 10px;
      height: 10px;
      background-color: green;
      visibility: hidden;
    }
    
    .explosion {
      position: absolute;
      width: 70px;
      height: 70px;
      background-color: orange;
      visibility: hidden;
      animation: explode 0.5s forwards;
    }
    
    @keyframes explode {
      0% { width: 0; height: 0; opacity: 1; }
      100% { width: 70px; height: 70px; opacity: 0; }
    }
  </style>
</head>
<body>
  <h1>Monster Fighter</h1>
  <div id="game-board">
    <div class="player"></div>
    <div class="monster"></div>
    <div class="arrow"></div>
    <div class="explosion"></div>
  </div>
  
  <script>
    var gameBoard = document.getElementById("game-board");
    var player = document.querySelector(".player");
    var monster = document.querySelector(".monster");
    var arrow = document.querySelector(".arrow");
    var explosion = document.querySelector(".explosion");
    
    var playerPosition = { x: 135, y: 135 };
    var monsterPosition = { x: 0, y: 0 };
    var arrowPosition = { x: 0, y: 0 };
    var arrowTimer = null;
    var playerLives = 10;
    
    function updatePlayerPosition() {
      player.style.left = playerPosition.x + "px";
      player.style.top = playerPosition.y + "px";
    }
    
    function updateMonsterPosition() {
      monster.style.left = monsterPosition.x + "px";
      monster.style.top = monsterPosition.y + "px";
    }
    
    function updateArrowPosition() {
      arrow.style.left = arrowPosition.x + "px";
      arrow.style.top = arrowPosition.y + "px";
    }
    
    function startArrowTimer() {
      arrowTimer = setInterval(function() {
        arrowPosition.x += 5;
        updateArrowPosition();
        checkCollision();
      }, 20);
    }
    
    function checkCollision() {
      var dx = playerPosition.x - monsterPosition.x;
      var dy = playerPosition.y - monsterPosition.y;
      var distance = Math.sqrt(dx * dx + dy * dy);
      
      if (distance < 30) {
        if (monsterPosition.x !== 0) {
          playerLives -= 3;
          showExplosion();
        }
        
        resetPositions();
        updatePlayerPosition();
      }
    }
    
    function showExplosion() {
      explosion.style.visibility = "visible";
      setTimeout(function() {
        explosion.style.visibility = "hidden";
      }, 500);
    }
    
    function resetPositions() {
      playerPosition.x = 135;
      playerPosition.y = 135;
      monsterPosition.x = 0;
      monsterPosition.y = 0;
      arrowPosition.x = 0;
      arrowPosition.y = 0;
      
      clearInterval(arrowTimer);
      updateMonsterPosition();
      updateArrowPosition();
      
      if (playerLives <= 0) {
        endGame();
      }
    }
    
    function endGame() {
      alert("Game over! Your score: " + playerLives);
      resetGame();
    }
    
    function resetGame() {
      playerLives = 10;
      resetPositions();
      updatePlayerPosition();
    }
    
    document.addEventListener("keydown", function(event) {
      switch (event.keyCode) {
        case 37: // Left arrow
          playerPosition.x -= 10;
          break;
        case 38: // Up arrow
          playerPosition.y -= 10;
          break;
        case 39: // Right arrow
          playerPosition.x += 10;
          break;
        case 40: // Down arrow
          playerPosition.y += 10;
          break;
        case 32: // Spacebar
          if (arrowPosition.x === 0) {
            arrowPosition.x = playerPosition.x + 30;
            arrowPosition.y = playerPosition.y + 12.5;
            updateArrowPosition();
            startArrowTimer();
          }
          break;
      }
      
      updatePlayerPosition();
    });
    
    resetPositions();
  </script>
</body>
</html>
```