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

No:17686

171

←

Prev Next

→

Make me a first person dungeon crawler where you f..ALL
Developer User7767｜Date and time 23/9/24 8:00:26
Build time 29.509 sec｜Game capacity 3.438KB｜

Script

Sure! Here's a simple first person dungeon crawler game using JavaScript and HTML that you can play on a smartphone. Please note that the game logic and graphics are kept minimal for brevity. You can further enhance it by adding more features, levels, and improving graphics as per your requirements.

Dungeon Crawler Game

To play the game: 1. Copy the above code and save it as a `.html` file, e.g., `dungeon_crawler.html`. 2. Open the file in any web browser on your smartphone. 3. Enter your name when prompted. 4. Tap the "Attack" button to fight the monster. 5. Continue attacking until either you or the monster's health reaches 0. Feel free to modify the game or add more features as per your liking.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Dungeon Crawler Game</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        background-color: #333;
        color: #fff;
        text-align: center;
      }
      
      .game-container {
        max-width: 320px;
        margin: 0 auto;
      }
      
      .game-message {
        margin: 20px 0;
        font-size: 20px;
      }
      
      #game-output {
        margin: 40px 0;
        font-size: 24px;
      }
      
      button {
        background-color: #fff;
        color: #333;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div class="game-container">
      <h1>Dungeon Crawler Game</h1>
      <p class="game-message"></p>
      <div id="game-output"></div>
      <button id="attack-btn" disabled>Attack</button>
    </div>
    <script>
      var playerName = prompt("Enter your name:");

var player = {
        name: playerName,
        health: 100,
        attack: 15
      };

var monster = {
        name: 'Monster',
        health: 50,
        attack: 10
      };

var gameOutput = document.getElementById('game-output');
      var attackButton = document.getElementById('attack-btn');
      var gameMessage = document.querySelector('.game-message');

function displayMessage(message) {
        gameMessage.textContent = message;
      }

function displayStats() {
        gameOutput.innerHTML = `
          <p>${player.name}: ${player.health} HP</p>
          <p>${monster.name}: ${monster.health} HP</p>
        `;
      }

function attack() {
        var playerDamage = Math.floor(Math.random() * player.attack) + 1;
        var monsterDamage = Math.floor(Math.random() * monster.attack) + 1;

monster.health -= playerDamage;
        player.health -= monsterDamage;

displayMessage(`${player.name} attacked ${monster.name} and dealt ${playerDamage} damage.`);
        displayMessage(`${monster.name} attacked ${player.name} and dealt ${monsterDamage} damage.`);

if (player.health <= 0) {
          displayMessage(`${player.name} was defeated! Game over.`);
          attackButton.disabled = true;
        } else if (monster.health <= 0) {
          displayMessage(`${player.name} defeated ${monster.name}! You win!`);
          attackButton.disabled = true;
        } else {
          displayStats();
        }
      }

attackButton.addEventListener('click', attack);

displayMessage(`Welcome to the Dungeon, ${player.name}!`);
      displayStats();
      attackButton.disabled = false;
    </script>
  </body>
</html>
```

To play the game:

1. Copy the above code and save it as a `.html` file, e.g., `dungeon_crawler.html`.
2. Open the file in any web browser on your smartphone.
3. Enter your name when prompted.
4. Tap the "Attack" button to fight the monster.
5. Continue attacking until either you or the monster's health reaches 0.

Feel free to modify the game or add more features as per your liking.