In Tarrasque.io, you align the grid to your map, not the other way around. Some maps are not tiled correctly, which can lead to problems when setting up a custom grid on other VTTs. The grid settings in Tarrasque.io are flexible enough to allow you to setup your grid regardless of the origin of your map.

Using a grid is highly recommended. With a grid, tokens snap correctly to the grid squares while moving or resizing, and shapes are much easier to draw and control. If you require assistance in setting up your grid, feel free to get in touch via live chat!

On the top right of your battle map, under the Zoom Controls, you'll find the Grid. The top button enables/disables the grid, and the bottom one opens up the grid settings.



The grid updates in real-time as you modify the values, so you can experiment with it until you find a setting that works for you.

Grid Settings

The Cell Width and Cell Height properties indicate how big each grid cell is. If you're using a map generated from a tool like DungeonDraft, this will be the only thing you need to change.
The Columns and Rows properties allow you to say "I want a map with 30 grid cells on the x-axis, and 40 on the y-axis". It can be very useful for aligning the grid on maps which you don't know the exact square width for.
The Cell Distance property is used by the Measure tool* to correctly measure each grid cell's distance from the next. You can also change the "ft" to any other unit of measurement you'd like.
The Line Width and Line Color properties allow you to customize the color and size of your grid lines. Up in Mount Celestia? Use thin white lines. Down in a smelly swamp? Green thick lines it is.
The Left Offset and Top Offset properties allow you to set a margin from where the grid starts on the map. This is especially handy for maps which contain custom art on the borders of the map, thus making it not fit properly.
The Total Width and Total Height of the grid defaults to the total dimensions of the battle map image, but you can change that if you want to make the grid only target a specific area.

ProTip: After setting up the grid, you can set the Line Width to 0 to get all the benefits of a grid without it being visible!
It's recommended that you start placing tokens only after you've finished setting up the grid, because tokens don't resize to fit the new grid automatically.
Was this article helpful?
Cancel
Thank you!