VOXEL Tabletop - 2D to 3D Ttrpg Maps & Tokens

Welcome to Voxel Tabletop

Turn your favorite 2D TTRPG battle maps, overworld maps, and scene maps into immersive 3D voxel game-ready environments for your players to enjoy with tokens, animations, and full D&D Beyond connection.

Upload a character sheet share link and attach it to a token, add your map, place your party, and let the tabletop chaos begin.

Find tools

Drag the glowing right edge to resize this control tower.

HOW TO USE

Start here when the control tower begins resembling a wizard's cockpit.

1. Load a map

Use Default Map Gallery, upload a PNG/JPG/WEBP/PDF, drag a map onto the app, or paste an image. Gallery maps now ask whether to open immediately as a flat 2D board or a generated 3D voxel world.

2. Generate 3D or use 2D mode

Generate Best Possible World creates voxel terrain using recommended settings. 2D Mode keeps the original map flat and skips voxel terrain generation.

3. Camera and lighting

Right-drag rotates, left-drag pans, the wheel zooms, and WASD/arrows move the camera. The Sun & Moon slider moves both celestial bodies and dynamically changes light colour, shadows, fog, exposure, stars, and sky.

4. Tokens and 3D miniatures

Upload image tokens or a mini ZIP containing an FBX and base-colour texture. Select a token, choose its role/size, then place it on the board. For a 3D mini: click-hold first, then hold Alt and drag left/right to rotate, or Ctrl and drag up/down to lift and drop.

5. Editor assets and effects

Enable Editor Mode to paint terrain, place uploaded FBX props, or place animated GIF effects. Choose size before placement. Click-hold a map asset, then use Alt to rotate, Shift to flip effects, or A to raise/lower. Hold H for two seconds to lock or unlock it. Delete/Backspace removes the selected unlocked asset.

7. Music and saving

Upload MP3/WAV/OGG/M4A/AAC files in Music & Ambience. Use the floating music dock during play. Save the project to this browser to preserve the board, tokens, assets, effects, fog regions, reveal state, and controls. Large files depend on available browser storage.

9. Fog of War

The Game Master draws rectangular fog regions from the Fog of War card or stage button. Players see animated black-and-grey cover without editing outlines. Moving a Hero or assigned player token into a region reveals only that region; the Game Master can reveal, re-cover, focus, rename, or delete regions at any time.

Keyboard shortcuts

? opens controls, Ctrl + M plays/pauses music, Ctrl + Shift + F toggles Focus Mode, and Esc closes overlays.

1. Upload map

PDFs render page 1. Images stay client-side so static web deployment remains simple and self-contained.

2. World settings

Visual style preset Terrain fidelity 72% Grass vibrance 82% Tree style Fog depth 35% Distant terrain detail 45% Voxel detail 192 Voxel height 4 Faithfulness 100% Exact map colours on playable surface Photo-locked exact floor texture 2D map mode: flat map board, no voxel generation Relief contrast 0.34 Source colour boost 78% Token size 3 Grass blade density 64% Tree density 36%

3. Day / night lighting

Sun & moon position 22:00 Auto day/night cycle Skybox preset Celestial light strength 100% Star sparkle brightness 115%

Moves sun, moon, fog, exposure, sky color, and stars. Tiny celestial drama, now with sliders.

4. Weather animation

Weather Clear Weather intensity 0%

Weather is GPU-light point animation. It looks fancy without turning your browser into soup.

Music & ambience

No track selected Upload MP3, WAV, OGG, M4A, AAC, or FLAC files.

0:000:00

Volume 65% Repeat Shuffle

Music library

0 tracks

No music uploaded yet.

Tracks are stored in this browser when storage permits. Browsers still require one click before audio can begin, because surprise bagpipes were apparently a problem.

5. Tokens

Upload 2D token images

Upload one mini ZIP like Avery+ghoul+mini: the app auto-finds the FBX and basecolor/albedo/diffuse texture inside, then places it as a miniature on a circular base. Alt-drag a placed 3D mini to rotate it; Ctrl-drag it up/down to lift and drop it.

Next token placement

Token size 3 Label as

Placement off. Select a token, press Place selected token, then click the map once.

Selected token D&D 5e stats

HP Max HP AC Speed ft

D&D Beyond / Hero link

Character name D&D Beyond share URL PDF / sheet URL Mark selected token as Hero Auto-import and overwrite token when URL is pasted

Paste a public/shareable D&D Beyond character URL, select a token, then import. Example: https://www.dndbeyond.com/characters/98203512/tH4sdQ. The selected token name, HP, AC, speed, class/race summary, proficiency bonus, and Hero status are overwritten from the sheet when the endpoint allows access.

The import fills the selected token automatically: Hero mark, name, HP, max HP, AC, speed, race, class, level, proficiency, ability scores, and sheet reference. If D&D Beyond blocks the endpoint, the link is still saved but the token is not overwritten from sheet data.

Hero gameplay actions

Import a public D&D Beyond sheet to unlock attacks, spells, feats, and abilities.

Choose an imported option to roll 3D dice on the map. Attack/spell entries use D&D Beyond modifiers when available; missing sheet dice are reported instead of invented. Imagine that, honesty.

Stats appear on the token label and export with the scene. D&D paperwork, but shinier.

Token upload no longer spams the map. You must press Place selected token before clicking the terrain. Astonishing restraint from software.

6. Measuring tools

Measure mode Feet per grid tile (ruler) Snap ruler to tile grid D&D map grid + token snap

Measuring off.

v24 animated dice + easier measuring: choose a mode, left-click a token or terrain point to set the start, move the mouse to preview, then right-click or press Lock measurement to place it. Left-click any locked glowing ruler to remove it. Path mode: left-click adds waypoints, right-click/Lock finishes.

7. Voxel map editor

Editor mode Editing style Brush paint Brush / block / asset Grass

Asset Uploader

Name uploaded asset

Uploaded asset library 0 assets

No uploaded FBX assets yet.

Asset size before placing 1.0× Exact size multiplier

No placed map asset selected Selected size 1.0×

Upload PNG/JPG/WEBP decorations or FBX scenery packages, select one from the grid, choose its size, then place it while Editor Mode is on. A translucent placement preview follows your cursor. Board props do not show floating names; tokens and NPCs keep those labels because apparently they need name tags.

Map Effects Library 0 effects

Upload GIF effects with transparent backgrounds. They are added to this effects library and saved with the browser project.

Effect size before placing 1.0×

Effect placement mode

Loading default effects...

Effects are map assets, not tokens. Select one, choose size and upright/flat mode, then use the live placement ghost to place it neatly. Drag freely, Alt-drag to rotate, Shift-drag GIF effects to flip sideways/upside down, Delete removes it, and H held for 2 seconds locks/unlocks it.

Brush size 4 voxels Custom colour Auto-apply after each stroke

Editor mode paints the source map data, then rebuilds the voxel world from that edited map. It keeps the photo-matching system honest instead of duct-taping cubes afterward.

Automatic Encounters

Prepare hidden map triggers that spawn saved 2D or FBX creatures and add them to initiative.

0 areas

When a token enters a saved area, the prepared creatures appear, roll initiative, and then remain under normal Game Master control.

Fog of War

Cover map regions until a hero or assigned player token enters them.

0 areas

New fog area name

Show fog regions on the Game Master screen

Draw a rectangle across the map. Players see only animated black-and-grey fog, never the Game Master outline.

No fog areas yet.

Fog reveal is permanent until the Game Master re-covers it. Overlapping regions reveal independently, so secret rooms stay secret instead of the entire dungeon giving up at once.

Status / performance

Ready. Upload, drop, paste, or choose a default map. UI, music, FBX tokens, effects, and 2D/3D modes are ready.

Turn: none Next: none

LIVE EDITING

No music 0:00 / 0:00

Upload a map to begin

Drop or paste a PDF/image here, or use the Upload map button, then generate your 3D voxel tabletop.

Welcome to Voxel Tabletop

Automatic Encounters

Step 1: Highlight the trigger area

Step 2: Encounter details

Step 3: Add references and creatures

Step 4: Review and save

Camera

Tokens

Editor assets

Interface

Working...