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

No:20984

←

Prev Next

→

Mortal kombat game
Developer User9247｜Date and time 23/10/12 10:54:52
Build time 67.472 sec｜Game capacity 2.777KB｜

Script

Sure! Here's a simple implementation of the Mortal Kombat game using JavaScript. Please note that this is a simplified version, and you can enhance and modify it as per your requirements.

Mortal Kombat

In this implementation, we have a game board represented by the `gameboard` element, and two characters - the player and the enemy. You can replace the `emozi_all/game.png` and `emozi_all/enemy.png` with appropriate pictogram images. The player can move left and right using the arrow keys and attack using the spacebar key. The collision between the player and the enemy is checked, and a message is displayed if a collision occurs. Please make sure to replace the image URLs with the actual image file paths for the game to function correctly. You can modify and enhance this code further to add more features and game logic as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of the Mortal Kombat game using JavaScript. Please note that this is a simplified version, and you can enhance and modify it as per your requirements.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Mortal Kombat</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    #gameboard {
      width: 300px;
      height: 300px;
      margin: 0 auto;
      border: 2px solid black;
      position: relative;
    }
    
    .character {
      width: 80px;
      height: 80px;
      position: absolute;
      bottom: 0;
    }
    
    #player {
      left: 50px;
    }
    
    #enemy {
      right: 50px;
    }
  </style>
</head>
<body>
  <h1>Mortal Kombat</h1>
  <div id="gameboard">
    <img id="player" class="character" src="player.png">
    <img id="enemy" class="character" src="enemy.png">
  </div>
  
  <script>
    // Player Controls
    document.addEventListener("keydown", function(event) {
      var player = document.getElementById("player");
      var enemy = document.getElementById("enemy");
      
      if (event.key === "ArrowLeft") {
        moveCharacter(player, -10);
      } else if (event.key === "ArrowRight") {
        moveCharacter(player, 10);
      } else if (event.key === " ") {
        // Attack
        if (isCollision(player, enemy)) {
          alert("Finish him!");
          // Add logic for game over or continue playing
        }
      }
    });
    
    // Function to move a character
    function moveCharacter(character, distance) {
      var currentPosition = parseInt(character.style.left) || 0;
      var newPosition = currentPosition + distance;
      character.style.left = newPosition + "px";
    }
    
    // Function to check collision
    function isCollision(character1, character2) {
      var rect1 = character1.getBoundingClientRect();
      var rect2 = character2.getBoundingClientRect();
      
      return !(
        rect1.top > rect2.bottom ||
        rect1.right < rect2.left ||
        rect1.bottom < rect2.top ||
        rect1.left > rect2.right
      );
    }
  </script>
</body>
</html>
```

In this implementation, we have a game board represented by the `gameboard` element, and two characters - the player and the enemy. You can replace the `player.png` and `enemy.png` with appropriate pictogram images.

The player can move left and right using the arrow keys and attack using the spacebar key. The collision between the player and the enemy is checked, and a message is displayed if a collision occurs.

Please make sure to replace the image URLs with the actual image file paths for the game to function correctly. You can modify and enhance this code further to add more features and game logic as per your requirements.