Dungeon Maps/Interface: Difference between revisions
Wearetibia (talk | contribs) (Publish illustrated upcoming Dungeon Maps guide: enemies, routes, access, crafting and rewards.) |
Wearetibia (talk | contribs) (Publish illustrated upcoming Dungeon Maps guide: enemies, routes, access, crafting and rewards.) |
||
| Line 12: | Line 12: | ||
== Choose And Review Your Map == | == Choose And Review Your Map == | ||
Use a map in your backpack to open this window. Follow these numbers before spending materials or preparing an expedition. | Use a map in your backpack to open this window. Follow these numbers before spending materials or preparing an expedition. | ||
<div style=" | <div style="max-width:100%;box-sizing:border-box;text-align:center;background:#15202a;border:1px solid #344452;border-radius:5px;padding:10px;margin:18px 0;"><div style="width:1120px;max-width:100%;margin:0 auto;">[[File:DungeonMaps_Tutorial_01_choose_review_20260912.png|1120px|alt=01 / CHOOSE AND REVIEW YOUR MAP — numbered controls explained below]]</div><div style="padding:10px 4px;color:#e0e8ef;line-height:1.5;"><b>Example preview.</b> Gold numbers explain the controls and are guide annotations. Click the image for its full size.</div></div> | ||
</div> | |||
<div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | <div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | ||
<div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Choose a map. Filter by dungeon, layout, difficulty or rarity; then select a map from your inventory.</div> | <div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Choose a map. Filter by dungeon, layout, difficulty or rarity; then select a map from your inventory.</div> | ||
| Line 27: | Line 25: | ||
== See The Route Before You Enter == | == See The Route Before You Enter == | ||
Hover the map icon in Review your map. This example is L11 Three Terraces, which has three connected floors. | Hover the map icon in Review your map. This example is L11 Three Terraces, which has three connected floors. | ||
<div style=" | <div style="max-width:100%;box-sizing:border-box;text-align:center;background:#15202a;border:1px solid #344452;border-radius:5px;padding:10px;margin:18px 0;"><div style="width:1120px;max-width:100%;margin:0 auto;">[[File:DungeonMaps_Tutorial_02_layout_preview_20260912.png|1120px|alt=02 / SEE THE ROUTE BEFORE YOU ENTER — numbered controls explained below]]</div><div style="padding:10px 4px;color:#e0e8ef;line-height:1.5;"><b>Example preview.</b> Gold numbers explain the controls and are guide annotations. Click the image for its full size.</div></div> | ||
</div> | |||
<div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | <div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | ||
<div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Hover this icon. It opens the route of the selected map; you do not need to recognize the route from the small item icon.</div> | <div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Hover this icon. It opens the route of the selected map; you do not need to recognize the route from the small item icon.</div> | ||
| Line 39: | Line 35: | ||
== Read A Map Directly In Your Backpack == | == Read A Map Directly In Your Backpack == | ||
Hover a map item to inspect its exact roll without opening the browser. This example deliberately shows a difficult Hell / Exalted combination. | Hover a map item to inspect its exact roll without opening the browser. This example deliberately shows a difficult Hell / Exalted combination. | ||
<div style=" | <div style="max-width:100%;box-sizing:border-box;text-align:center;background:#15202a;border:1px solid #344452;border-radius:5px;padding:10px;margin:18px 0;"><div style="width:800px;max-width:100%;margin:0 auto;">[[File:DungeonMaps_Tutorial_03_inventory_tooltip_20260912.png|800px|alt=03 / READ A MAP DIRECTLY IN YOUR BACKPACK — numbered controls explained below]]</div><div style="padding:10px 4px;color:#e0e8ef;line-height:1.5;"><b>Example preview.</b> Gold numbers explain the controls and are guide annotations. Click the image for its full size.</div></div> | ||
</div> | |||
<div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | <div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | ||
<div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Confirm the dungeon, layout, difficulty, rarity and seal state. Purple Exalted identifies six possible modifier slots.</div> | <div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Confirm the dungeon, layout, difficulty, rarity and seal state. Purple Exalted identifies six possible modifier slots.</div> | ||
| Line 52: | Line 46: | ||
== Change The Route In The Workshop == | == Change The Route In The Workshop == | ||
Improving a map is optional. This example selects Reroll layout on an unsealed Normal map. | Improving a map is optional. This example selects Reroll layout on an unsealed Normal map. | ||
<div style=" | <div style="max-width:100%;box-sizing:border-box;text-align:center;background:#15202a;border:1px solid #344452;border-radius:5px;padding:10px;margin:18px 0;"><div style="width:1120px;max-width:100%;margin:0 auto;">[[File:DungeonMaps_Tutorial_04_improve_map_20260912.png|1120px|alt=04 / CHANGE THE ROUTE IN THE WORKSHOP — numbered controls explained below]]</div><div style="padding:10px 4px;color:#e0e8ef;line-height:1.5;"><b>Example preview.</b> Gold numbers explain the controls and are guide annotations. Click the image for its full size.</div></div> | ||
</div> | |||
<div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | <div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | ||
<div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Choose the operation. Reroll layout changes the route to one of the other fourteen layouts; it keeps the dungeon, difficulty, rarity, affixes and locks.</div> | <div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Choose the operation. Reroll layout changes the route to one of the other fourteen layouts; it keeps the dungeon, difficulty, rarity, affixes and locks.</div> | ||
| Line 65: | Line 57: | ||
== Review And Accept The Ready Check == | == Review And Accept The Ready Check == | ||
The leader supplies one map for one to five players. A ready check does not bypass anyone's access, reborn, level or unlocked difficulty. | The leader supplies one map for one to five players. A ready check does not bypass anyone's access, reborn, level or unlocked difficulty. | ||
<div style=" | <div style="max-width:100%;box-sizing:border-box;text-align:center;background:#15202a;border:1px solid #344452;border-radius:5px;padding:10px;margin:18px 0;"><div style="width:1120px;max-width:100%;margin:0 auto;">[[File:DungeonMaps_Tutorial_05_ready_check_20260912.png|1120px|alt=05 / REVIEW AND ACCEPT THE READY CHECK — numbered controls explained below]]</div><div style="padding:10px 4px;color:#e0e8ef;line-height:1.5;"><b>Example preview.</b> Gold numbers explain the controls and are guide annotations. Click the image for its full size.</div></div> | ||
</div> | |||
<div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | <div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | ||
<div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Check the party roster. The list identifies the players invited to this expedition; it is not a per-player acceptance indicator.</div> | <div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Check the party roster. The list identifies the players invited to this expedition; it is not a per-player acceptance indicator.</div> | ||
| Line 79: | Line 69: | ||
== Track The Expedition Above Chat == | == Track The Expedition Above Chat == | ||
The actual dungeon panel is rendered above a simplified offline chat area. It follows the chat position and can compact when space is limited. | The actual dungeon panel is rendered above a simplified offline chat area. It follows the chat position and can compact when space is limited. | ||
<div style=" | <div style="max-width:100%;box-sizing:border-box;text-align:center;background:#15202a;border:1px solid #344452;border-radius:5px;padding:10px;margin:18px 0;"><div style="width:1000px;max-width:100%;margin:0 auto;">[[File:DungeonMaps_Tutorial_06_expedition_hud_20260912_v2.png|1000px|alt=06 / TRACK THE EXPEDITION ABOVE CHAT — numbered controls explained below]]</div><div style="padding:10px 4px;color:#e0e8ef;line-height:1.5;"><b>Example preview.</b> Gold numbers explain the controls and are guide annotations. Click the image for its full size.</div></div> | ||
</div> | |||
<div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | <div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | ||
<div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Check the active map and hover its layout thumbnail to inspect the route again while inside the expedition.</div> | <div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Check the active map and hover its layout thumbnail to inspect the route again while inside the expedition.</div> | ||
| Line 92: | Line 80: | ||
== Inspect A Market Offer == | == Inspect A Market Offer == | ||
Market offers let you obtain a particular dungeon map directly. The displayed 250 WAD Coins is an example seller price, not a fixed system price. | Market offers let you obtain a particular dungeon map directly. The displayed 250 WAD Coins is an example seller price, not a fixed system price. | ||
<div style=" | <div style="max-width:100%;box-sizing:border-box;text-align:center;background:#15202a;border:1px solid #344452;border-radius:5px;padding:10px;margin:18px 0;"><div style="width:1120px;max-width:100%;margin:0 auto;">[[File:DungeonMaps_Tutorial_07_market_offer_20260912.png|1120px|alt=07 / INSPECT A MARKET OFFER — numbered controls explained below]]</div><div style="padding:10px 4px;color:#e0e8ef;line-height:1.5;"><b>Example preview.</b> Gold numbers explain the controls and are guide annotations. Click the image for its full size.</div></div> | ||
</div> | |||
<div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | <div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | ||
<div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Filter offers by the dungeon and map properties you want, then select a listing.</div> | <div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Filter offers by the dungeon and map properties you want, then select a listing.</div> | ||
| Line 105: | Line 91: | ||
== Set A Price And Confirm The Sale Offer == | == Set A Price And Confirm The Sale Offer == | ||
Select your map in My maps, then click Sell this map. This confirmation appears above the browser. | Select your map in My maps, then click Sell this map. This confirmation appears above the browser. | ||
<div style=" | <div style="max-width:100%;box-sizing:border-box;text-align:center;background:#15202a;border:1px solid #344452;border-radius:5px;padding:10px;margin:18px 0;"><div style="width:1120px;max-width:100%;margin:0 auto;">[[File:DungeonMaps_Tutorial_08_sell_map_20260912.png|1120px|alt=08 / SET A PRICE AND CONFIRM THE SALE OFFER — numbered controls explained below]]</div><div style="padding:10px 4px;color:#e0e8ef;line-height:1.5;"><b>Example preview.</b> Gold numbers explain the controls and are guide annotations. Click the image for its full size.</div></div> | ||
</div> | |||
<div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | <div style="display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;"> | ||
<div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Verify the map identity. The market holds this exact item until someone buys it or you cancel the offer.</div> | <div style="flex:1 1 380px;min-width:0;max-width:100%;box-sizing:border-box;background:#152738;color:#e1e9ee;border:1px solid #3d5364;padding:12px 16px;line-height:1.6;"><b style="color:#ecd093;">1.</b> Verify the map identity. The market holds this exact item until someone buys it or you cancel the offer.</div> | ||
Revision as of 13:13, 12 September 2026
Choose And Review Your Map
Use a map in your backpack to open this window. Follow these numbers before spending materials or preparing an expedition.
See The Route Before You Enter
Hover the map icon in Review your map. This example is L11 Three Terraces, which has three connected floors.
Read A Map Directly In Your Backpack
Hover a map item to inspect its exact roll without opening the browser. This example deliberately shows a difficult Hell / Exalted combination.
Change The Route In The Workshop
Improving a map is optional. This example selects Reroll layout on an unsealed Normal map.
Review And Accept The Ready Check
The leader supplies one map for one to five players. A ready check does not bypass anyone's access, reborn, level or unlocked difficulty.
Track The Expedition Above Chat
The actual dungeon panel is rendered above a simplified offline chat area. It follows the chat position and can compact when space is limited.
Inspect A Market Offer
Market offers let you obtain a particular dungeon map directly. The displayed 250 WAD Coins is an example seller price, not a fixed system price.
Set A Price And Confirm The Sale Offer
Select your map in My maps, then click Sell this map. This confirmation appears above the browser.
Guide snapshot: 12 September 2026. Artwork uses the official client's sprites and prepared dungeon maps. Monster statistics and loot tables below are base values, before difficulty, map and character bonuses.








