DEV Community

Cover image for heerich.js: SVG Voxel Engine for 3D Scenes
jQueryScript
jQueryScript

Posted on

heerich.js: SVG Voxel Engine for 3D Scenes

heerich.js: a JavaScript library that builds 3D voxel scenes and renders them as crisp SVG vectors.

Key features:

  • Four CSG-style boolean modes (union, subtract, intersect, exclude)
  • Oblique and perspective camera projections
  • Per-face SVG styling with position-driven callback support
  • Box, sphere, line, and custom fill shape primitives
  • Per-voxel axis scaling with configurable anchors
  • Full DOM interactivity through data attributes on every polygon
  • JSON serialization for save and restore

No WebGL, no canvas. Pure SVG output that scales to any resolution and works with standard DOM event listeners.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)