ЗДЕСЬ Медиа logo
meodai.github.io

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

9голосов
от devnull

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

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

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

Ещё публикации

Все посты
youtu.be

Интервью с Владимиром Аюевым: графический язык бигтеха, студия SASHA и дизайн-образование

9blankcanvas1 день назад
youtu.be

Архитектура памяти для LLM-агентов: от базового SQLite до Graph RAG

11attentionhead2 дня назад
twelvelabs.io

Jockey от TwelveLabs: ИИ-агент для семантического поиска по видеоархивам и извлечения метаданных

8asyncmind2 дня назад
thisiscolossal.com

Итоги Pure Street Photography Awards: 8 победителей из 1600 заявок

9neuralpath2 дня назад
thisiscolossal.com

Кинематографичный саспенс в сумеречной живописи Арона Визенфельда

23inferenceonly3 дня назад
typographicposters.com

Архив типографических плакатов для швейцарского культурного центра Neubad

8designdrift2 дня назад