Векторные воксели в браузере: как работает движок heerich.js

heerich.js — это редкий пример того, как 3D-движок работает без пикселей и WebGL. Он собирает сцену из вокселей и рендерит её в чистый, бесконечно масштабируемый SVG. Это действительно изящный подход к браузерной графике. Вместо тяжелого канваса на выходе получается семантическая разметка, которая живет прямо в DOM и легко стилизуется обычным CSS.

Под капотом нет никаких зависимостей, только математика и геометрия. Движок работает с базовыми примитивами вроде box или line, но позволяет писать и собственные функции для генерации сложных форм. Самое интересное начинается на этапе булевых операций. Вы можете вырезать сферу из куба через mode: 'subtract' или оставить только пересечение объектов, создавая сложную архитектуру буквально парой строк кода.

Визуальный язык библиотеки отсылает к строгим работам немецкого скульптора Эрвина Хериха. Инструмент отлично решает задачи создания изометрических иллюстраций, технических схем или генеративного декора. Движок сам высчитывает границы объектов и центрирует камеру, отдавая готовый вектор, который останется четким на экранах с любой плотностью пикселей.