UPLOAD MAP: Use the "UPLOAD MAP" button to set your game map background.
ADD TOKEN: Click this to add a new token to the canvas.
CLEAR ALL TOKENS: Removes all tokens from the map.
SAVING & LOADING (NEW!)
MANAGE CANVAS DATA: Click this button to reveal options for saving and loading your canvas.
SAVE CANVAS (LOCAL STORAGE): Click to save the current state of your map and tokens to your browser's local storage. This allows you to resume your session later on the same device and browser.
LOAD CANVAS (LOCAL STORAGE): Click to load the last saved state from your browser's local storage.
DOWNLOAD CANVAS FILE: Downloads your current canvas state as a JSON file. This file can be used to load your canvas on other devices or later, even if local storage is cleared.
UPLOAD CANVAS FILE: Click this to upload a previously downloaded JSON file and restore your canvas state.
MAP MOVEMENT & ZOOM
DESKTOP PAN: Click and drag on an empty area of the map to pan.
MOBILE PAN: Tap and HOLD on an empty area of the map to pan.
ZOOM IN/OUT: Use the "+" and "-" buttons.
DESKTOP ZOOM (MOUSE WHEEL): Scroll your mouse wheel over the map to zoom in/out at the cursor's location.
TOKEN MOVEMENT
DESKTOP: Click and drag a token to move it.
MOBILE: Tap and HOLD on a token for about half a second (long-press) to open the "TOKEN OPTIONS" menu.
TOKEN CUSTOMIZATION (YOUR ADVENTUROUS CHOICES!)
DESKTOP: Right-click on any token to open the "TOKEN OPTIONS" menu.
MOBILE: Tap and HOLD on a token for about half a second (long-press) to open the "TOKEN OPTIONS" menu.
DUPLICATE TOKEN: Creates a copy of the selected token near its original location.
LABEL: Change the text on your token (e.g., character's initial).
RADIUS: Adjust the size of your token.
SHAPE: Choose between a circle, square, pentagon, hexagon, or a 5-point star.
COLOR: Pick a fill color for your token from a preset list, displayed graphically.
BORDER: Customize the border's width, style (solid, dashed, dotted), and color from a preset list, displayed graphically.
IMAGE ICON: Upload a custom image to use as your token's icon – perfect for unique characters or foes! The image will be neatly contained within the token's shape.
TOGGLE HIGHLIGHT: Add or remove the current token from the highlighted group.
TOGGLE OBSCURE: Hide or reveal the token with a "fog of war" mask.
ADVANCED HIGHLIGHT OPTIONS (NEW!)
ACCESSED FROM THE TOKEN OPTIONS MENU.
HIGHLIGHT BORDER WIDTH: Adjusts the thickness of the main token highlight border.
HIGHLIGHT BORDER STYLE: Choose between SOLID, DASHED, or DOTTED styles for the main token highlight.
CONCENTRIC HIGHLIGHTS: Add multiple rings around your token. Each ring can have a custom color, style (solid, dashed, dotted), and fill (filled or unfilled).
This allows for complex visual effects to denote statuses, auras, or special areas.
DELETING TOKENS
Open the "TOKEN OPTIONS" menu (right-click or long-press).
Click the "DELETE TOKEN" button.
CANVAS RIGHT-CLICK MENU (NEW!)
DESKTOP: Right-click on an empty area of the canvas.
MOBILE: Tap and HOLD on an empty area of the canvas for about half a second (long-press).
COMMON OPERATIONS: Quickly add tokens, clear all, save, or load.
MANAGE COLOR PALETTE: Opens a dialog to customize the available preset colors for tokens.
HIGHLIGHT TOKENS BY:
COLOR: Select a color to highlight matching tokens.
SHAPE: Select a shape to highlight matching tokens.
BORDER TYPE: Select a border style to highlight matching tokens.
BORDER COLOR: Select a border color to highlight matching tokens.
CLEAR HIGHLIGHTS: Removes any current highlighting.
HIGHLIGHT EFFECT COLOR: Choose the color for the main highlight effect (e.g., for "TOGGLE HIGHLIGHT").