Why use cube coordinates (x, y, z) for hex grids?

Cube coordinates satisfy x + y + z = 0, making rotations, distance calculations, and directional stepping symmetric and mathematically elegant.

Updated: August 2026 • Verified v1.2

Hexagonal Grid Ring & Spiral AoE Coordinate Generator

Creative & DesignNew

Local Browser Execution: Your input is processed locally in your browser and is not sent to UTL servers.

Ring(R) Count = 6 * R; Spiral(R) Count = 1 + 3 * R * (R + 1)

Was this calculation helpful?

Understanding Your Results

Computes the 6 * R tile coordinates for a ring of radius R, or the 3*R*(R+1)+1 coordinates for an expanding spiral of radius R, displaying an interactive canvas preview and exporting JSON and TypeScript arrays.

Practical Guidance & Next Steps

In cube coordinates, walking around a ring starts at center + direction(4) * radius, then steps radius times in each of the 6 neighbor directions sequentially.

What is this?

A game development math utility that calculates hex grid tile coordinates for concentric rings and area-of-effect (AoE) spirals.

How does it work?

1. Choose Ring mode (perimeter only) or Spiral mode (filled AoE disk). 2. Select radius and center tile coordinate. 3. View canvas visualization and copy JSON or TypeScript array code.