HexGrid v3.0 is here with a complete rendering overhaul and significant performance improvements.
New WebGL Renderer
The new WebGL renderer can handle millions of hexes at 60fps. Features include:
- >Instanced Rendering: Efficiently render massive grids
- >Shader-Based Coloring: Dynamic terrain coloring in the GPU
- >Zoom Levels: Automatic detail reduction at far zoom
- >Fog of War: Built-in fog of war effect support
Performance Benchmarks
Compared to v2.x Canvas renderer:
| Grid Size | v2.x FPS | v3.0 FPS | |-----------|----------|----------| | 1,000 hexes | 60 | 60 | | 10,000 hexes | 45 | 60 | | 100,000 hexes | 8 | 60 | | 1,000,000 hexes | - | 55 |
Breaking Changes
- >Renamed `HexRenderer` to `CanvasRenderer`
- >New `WebGLRenderer` class for WebGL rendering
- >Changed coordinate system to cube coordinates by default
See the migration guide for details on updating your code.
What's Next
- >3D hex rendering
- >Terrain mesh generation
- >Path visualization improvements
- >Mobile touch controls