Процедурная генерация вместо импорта
Разработчик Hoài Nhớ представил обновление img2threejs v1.2 — инструмент, который преобразует референсное изображение в полноценную 3D-модель для Three.js. Ключевое отличие подхода заключается в том, что результат генерируется полностью в коде (TypeScript). Это означает отсутствие необходимости импортировать тяжелые файлы мешей (meshes), что оптимизирует загрузку и позволяет моделироваться объекты «на лету» прямо в браузере пользователя.
Технические характеристики и возможности
Система работает по принципу «одна фотография на входе — процедурная 3D-модель на выходе». Сгенерированные модели проходят проверку качества (quality-gated) и готовы к анимации. Весь процесс анализа изображения и спецификации объекта происходит локально, что обеспечивает высокую скорость отклика и конфиденциальность данных.
Примеры реконструкции объектов
В демонстрационной галерее v1.2 представлены различные типы объектов, от бытовой электроники до игровых ассетов. Библиотека успешно справляется с воссозданием геометрии и текстурных особенностей, позволяя пользователям вращать модели и изучать исходный код генерации.
| Объект | Тип реконструкции | Версия |
|---|---|---|
| Sony WF-1000XM3 Earbuds + Case | Реалистичная детализация | v1.2 |
| ISSACA 12 Gauge Shotgun | Сложная геометрия | v1.2 |
| Gerber Paracord Knife | Текстурная передача | v1.2 |
| Doraemon House (isometric diorama) | Изометрическая диорама | v1.2 |
| War-Hauler "SECTOR 07" | Sci-fi ассет | v1.2 |
| Crowned Loot Chest | Игровой объект | v1.2 |
Почему это важно для разработчиков
Интеграция процедурной генерации 3D-контента в веб-браузеры открывает новые возможности для интерактивных веб-приложений, игр и визуализаторов. Отказ от тяжелых файлов моделей в пользу динамической генерации кода снижает нагрузку на серверы и ускоряет время загрузки страниц. Разработчики могут использовать img2threejs для создания кастомизированных 3D-презентаций товаров или игровых элементов, основанных на пользовательском вводе.
Источник: Github ↗