Updated: August 2026 • Verified v1.2
Hexagonal Grid Movement Range & Terrain Cost Calculator
Creative & DesignNewLocal Browser Execution: Your input is processed locally in your browser and is not sent to UTL servers.
Dijkstra: Dist[v] = min(Dist[v], Dist[u] + TerrainCost[v]) where Dist[v] <= MovementBudgetWas this calculation helpful?
Understanding Your Results
Renders an interactive HTML5 hex canvas with axial coordinate math, allows painting terrain types with distinct movement costs, runs Dijkstra pathfinding, and highlights all reachable hexes with exact cumulative MP costs.
Practical Guidance & Next Steps
Hex grids avoid the diagonal distance distortions inherent in square grids, making them the gold standard for tactical simulations and wargames.
What is this?
A game development and tabletop design utility that calculates unit movement reachable areas on hexagonal grids with variable terrain costs.
How does it work?
1. Set movement point (MP) budget and hex grid radius.
2. Click tiles to paint terrain costs (plains, woods, mountains, walls).
3. Shift-click to reposition unit start and view reachable tiles and costs in real time.
Why use it?
Visualizes tactical movement ranges for turn-based game balance and rule verification.
Technical Scope & Calculation Limitations
Flat-topped 2D axial hexagonal coordinate system.
Frequently Asked Questions
It uses standard 2D axial coordinates (q, r), which simplify distance formulas and neighbor transitions on flat-topped hexagonal grids.
Windows Desktop & Widget Options
All Windows widgets Want this capability on your Windows desktop?
Desktop Widget
9.4/10
Rainmeter Desktop Customization Engine
Powerful open-source desktop customization framework for hardware monitors, clocks, and audio visualizers.
FreeMedium InstallLow RAM
By Rainmeter Team (Open Source)View Widget
Complementary Utilities
All Creative & Design tools Related Tools for Your Workflow
HTML5 / React / TypeScriptStatic Utility
HTML5 / React / TypeScriptStatic Utility
creative
Design
CSS Clip-Path Polygon Shape Generator
HTML5 / React / TypeScriptStatic Utility
creative
Design
CSS Isometric 3D Text & Box Transform Generator
HTML5 / React / TypeScriptStatic Utility