World Map
The World Map is the isometric canvas Viberia opens to after startup, where every project you’ve created lives as a labeled territory you can pan across, zoom into, and place new projects or buildings on.
How It Works
Section titled “How It Works”The map is a single unified view rendered with PixiJS. Each project occupies a 15×15 tile territory laid out spatially on the map; new projects find an empty region the first time they’re created and stay there. Click and drag empty space to pan; scroll the mouse wheel or trackpad to zoom. The Zoom Controls in the corner provide plus, minus, and reset buttons for users who prefer not to scroll.
The MiniMap anchors the top-right corner and shows your full position in the world at a glance. The bright frame inside it represents the camera viewport; click anywhere on the MiniMap to jump the camera to that point.
Double-clicking a project triggers a deep zoom: the camera animates into the territory until buildings fill the view. From there, single clicks open the Building Window for any building you select, including the project’s HQ. To leave deep zoom, scroll out or use the Zoom Controls. New territories appear with a brief rise animation when a project is created — the territory tiles fade in and settle into place.
The map also doubles as a placement surface. From the HudShelf you enter three placement modes:
- Project placement — pick a spot for a new territory. A ghost outline follows the cursor; click an empty area to commit.
- Building placement — choose a building kind from the type drawer, then click a tile inside a territory to drop it.
- Destroy mode — click a building to remove it from a project. The cursor changes to a destroy reticle.
Press Escape at any time to cancel a placement mode and return to normal interaction.
UI Indicators
Section titled “UI Indicators”- Territory labels float above each project showing its name. Toggle visibility in Settings → Appearance.
- Rise animation plays for ~0.6s when a new territory appears.
- Hover highlight outlines a territory or building tile under the cursor.
- Ghost tile previews the footprint of the building or project you’re placing.
- Camera frame inside the MiniMap shows what’s currently on screen.
- Cursor swap — the cursor changes to a placement, destroy, or pan icon to match the active mode.
- Sea shader fills the area outside territories. Quality (octaves, FPS, DPR) is configurable in Settings → Graphics.
Use Cases
Section titled “Use Cases”- Survey your portfolio. Zoom out to see every project, its rough size, and which buildings populate each one.
- Deep-dive a project. Double-click a territory to enter it and click directly into a building’s settings.
- Drop a new project. From the HudShelf, start project placement and pick a spot — the new territory rises into place and HQ is auto-placed.
- Stock a project with buildings. After deep-zooming, place buildings like CodeForge or KnowledgeBase from the Building Type Drawer.
- Reorganize. Use destroy mode to remove a building you no longer need before placing a replacement.
Limitations
Section titled “Limitations”- Territories don’t move once placed. You can rename a project but not relocate the territory on the map.
- The map renders large numbers of buildings smoothly, but very high project counts may benefit from lowering graphics quality in Settings → Graphics.
- Buildings cannot be repositioned within a territory after placement; remove and re-place if needed.
- Placement modes are exclusive — you can only run one at a time. The Building Type Drawer closes when you exit placement.