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

No:21284

Make a dungeon maker game.
Developer User9739｜Date and time 23/10/14 15:27:36
Build time 62.071 sec｜Game capacity 3.021KB｜

Script

Sure! Here's an example of a simplified dungeon maker game implemented as a single HTML file using JavaScript, focusing on smartphone operation and utilizing pictograms:

Dungeon Maker Game

Click on the grid below to create your own dungeon:

In this dungeon maker game, you'll see a 5x5 grid of tiles representing different elements. You can tap/click on a tile to cycle through different tile types represented by pictograms (e.g., trees, mountains, doors, and obstacles). Once you're satisfied with your dungeon layout, you can save the dungeon by tapping/clicking the "Save Dungeon" button. The dungeon data will be logged in the browser console and an alert message will confirm the successful save. Feel free to customize and enhance the game based on your specific requirements and design preferences.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simplified dungeon maker game implemented as a single HTML file using JavaScript, focusing on smartphone operation and utilizing pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Dungeon Maker Game</title>
  <style>
    /* CSS styles for the game */
    body {
      font-family: Arial, sans-serif;
    }
    
    #game-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    
    .tile {
      width: 80px;
      height: 80px;
      border: 1px solid #ccc;
      text-align: center;
      vertical-align: middle;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      cursor: pointer;
    }
    
    #save-button {
      display: block;
      width: 100%;
      text-align: center;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>Dungeon Maker Game</h1>
  <p>Click on the grid below to create your own dungeon:</p>
  <div id="game-container"></div>
  <button id="save-button">Save Dungeon</button>

const tileTypes = ['🌳', '⛰️', '🚪', '❌']

// Create a 5x5 grid of tiles
      for (let i = 0; i < 25; i++) {
        const tile = document.createElement('div');
        tile.classList.add('tile');
        tile.textContent = '';
        tile.addEventListener('click', toggleTileType);
        gameContainer.appendChild(tile);
      }

function toggleTileType(event) {
        const tile = event.target;
        const currType = tile.textContent;
        const currIndex = tileTypes.indexOf(currType);
        const newIndex = (currIndex + 1) % tileTypes.length;
        tile.textContent = tileTypes[newIndex];
      }

saveButton.addEventListener('click', saveDungeon);

function saveDungeon(♥️) {
        const dungeonTiles = Array.from(gameContainer.children);
        const dungeonData = dungeonTiles.map(tile => tile.textContent);
        console.log(dungeonData); // You can do something with this data, like saving to a server or local storage
        alert('Dungeon saved!');
      }
    });
  </script>
</body>
</html>
```

Feel free to customize and enhance the game based on your specific requirements and design preferences.