Просмотрщик 3D файлов STL, OBJ, GLB, GLTF

Интерактивный просмотрщик позволяет загружать и изучать трёхмерные модели прямо в окне браузера без необходимости устанавливать дополнительные программы. Поддерживаются форматы STL, OBJ, GLB и GLTF. Все вычисления и рендеринг выполняются на стороне пользователя, что обеспечивает высокую скорость работы и совместимость с современными устройствами. Образцы файлов можно скачать внизу страницы.

Такой просмотрщик особенно удобен, когда нужно быстро проверить модель без установки CAD-программ и без долгой возни с конвертацией. Достаточно открыть файл, и объект сразу появляется в сцене, где его можно осмотреть со всех сторон, приблизить, отдалить и оценить общую форму. Это экономит время при подготовке моделей для печати, демонстрации клиенту или быстрой проверки перед публикацией на сайте.

Отдельный плюс такого решения — работа прямо в браузере. Ничего не нужно запускать вручную, а интерфейс остается понятным даже для тех, кто редко работает с 3D. Для большинства повседневных задач этого уже хватает: посмотреть геометрию, понять масштаб, увидеть проблемные места и проверить, нормально ли модель открывается в нужном формате.

Как работает программа

После загрузки объект автоматически выравнивается по центру сцены и подстраивается под видимую область. Это важно, потому что модели могут сильно отличаться по размеру: одна может быть крошечной, другая — огромной. Автоматическое масштабирование избавляет от ручной настройки и сразу выводит модель в удобный для просмотра размер.

Если модель состоит из нескольких частей или имеет сложную форму, вращение вокруг собственной оси помогает быстрее понять её конструкцию. Именно поэтому в просмотрщиках такого типа обычно делают pivot-объект и управление камерой через мышь или сенсор. Пользователь получает привычную схему работы: вращение, масштабирование и перемещение без лишних меню и сложных панелей.

Верхняя панель:

• 📄 — открыть файл трехмерной модели.
• ⤧ — вписать модель в видимую область сцены.
• 🎯 — сброс камеры в исходное положение.
• ⏯ — включение/выключение анимации вращения модели.
• # — отображение или скрытие каркасного (wireframe) режима.
• ▦ — показ или скрытие вспомогательной сетки и осей координат.
• 🖼 — сделать скриншот текущего вида сцены.
• ⛶ — включение полноэкранного режима.

Нижняя панель:

• 🔆 — регулировка яркости рассеянного света.
• ➡️ — регулировка яркости направленного света.
• 🎨 — выбор основного цвета модели.
• 🖥 — выбор цвета фона сцены.
• 🔁 — изменение скорости вращения модели при включённой анимации.
• 🧲 — регулировка степени металлического блеска.
• 🪵 — регулировка параметра шероховатости поверхности.

Нижняя панель отвечает за более тонкую настройку сцены. Здесь можно подстроить освещение, выбрать цвет модели и фона, изменить скорость вращения и скорректировать свойства материала. В результате один и тот же файл можно показать по-разному: сделать его более контрастным, более мягким по свету или, наоборот, подчеркнуть рельеф и отражения.

Это удобно, когда одна и та же модель используется в разных сценариях. Для технической проверки подходит один вариант освещения, для презентации — другой, а для быстрой оценки геометрии — третий. Такая гибкость делает просмотрщик полезным и для инженерных задач, и для обычной демонстрации контента.

Загрузка моделей

Каждая кнопка в верхней панели отвечает за отдельную задачу и помогает не перегружать интерфейс. Сначала загружается модель, затем её можно быстро вписать в кадр, вернуть камеру в исходное положение, включить или выключить автовращение, проверить каркасный режим и сделать снимок экрана. Такой набор функций делает просмотрщик удобным не только для демонстрации, но и для рабочих проверок.

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

Для открытия модели нажмите кнопку с иконкой загрузки и выберите один или несколько файлов.

• Если у вас STL, OBJ или GLB — достаточно одного файла.
• Если у вас GLTF с внешними ресурсами (например, scene.gltf + scene.bin + текстуры), необходимо выделить все эти файлы одновременно или выбрать папку с моделью. Поддерживается пакетная загрузка — можно добавлять несколько моделей подряд.

Если в архиве или в наборе файлов есть дополнительные текстуры, бинарные данные или связанные ресурсы, их лучше хранить рядом с основной моделью. Тогда путь к внешним данным не потеряется, и загрузка пройдет без ошибок. Для формата GLTF это особенно важно, потому что он часто использует несколько связанных файлов вместо одного цельного контейнера. На практике это означает простое правило: чем аккуратнее собран комплект файлов, тем меньше сюрпризов при открытии модели. Для одиночных STL и GLB всё обычно проще, а вот для проектов с текстурами, материалами и внешними ссылками лучше сразу держать папку в порядке.

Поддерживаемые форматы

• STL — формат для 3D-печати, хранит только геометрию без цветов и текстур.
• OBJ — универсальный формат с поддержкой геометрии и материалов, часто используется в CAD-системах.
• GLB — бинарный вариант GLTF, содержит геометрию, материалы и текстуры в одном файле.
• GLTF — текстовый формат JSON с внешними ресурсами, удобен для веб-приложений.

На выбор формата часто влияет не только удобство, но и конечная задача. Для 3D-печати чаще всего хватает STL, потому что он легкий и понятный. Для обмена моделями с материалами удобен OBJ. Если нужна компактность и современный веб-формат, то чаще выбирают GLB. А когда модель разбита на несколько связанных файлов, удобнее использовать GLTF. Поэтому универсального «лучшего» формата нет. Для быстрой проверки подойдут одни файлы, для презентации — другие, а для сложных веб-проектов — третьи. Именно поэтому просмотрщик и поддерживает сразу несколько популярных вариантов, не заставляя пользователя вручную пересобирать модель под каждый случай.

Управление моделью

• Вращение: зажмите левую кнопку мыши и перемещайте курсор.
• Масштаб: используйте колесо мыши или жест «щипок» на сенсорном экране.
• Перемещение: зажмите правую кнопку мыши и перемещайте курсор.
• Сброс: обновите страницу или загрузите новую модель.

Если при открытии GLTF появляется ошибка «Failed to load buffer scene.bin», это значит, что модель ссылается на внешний бинарный файл, который не был выбран при загрузке. Чтобы избежать этого, загружайте модель вместе со всеми вспомогательными файлами. Если модель слишком тёмная или яркая, можно изменить освещение или материалы в коде, отредактировав параметры материала.

Таблица с отличиями форматов

Разрешения 3D-моделей для разных задач

Что ещё важно знать

Качество отображения 3D-модели зависит не только от самого файла, но и от того, как он был подготовлен. Слишком плотная сетка может замедлить работу, а слишком простая — скрыть важные детали. Поэтому для разных задач обычно делают разные версии одной и той же модели: одну для печати, другую для быстрой демонстрации, третью для сайта или мобильного просмотра.

Если модель выглядит слишком тёмной, слишком плоской или наоборот пересвеченной, это обычно решается настройкой освещения и материала. В таких программах именно свет и материал сильнее всего влияют на восприятие формы, потому что они помогают показать рельеф, грани, отверстия и переходы без сложной графики и дополнительных эффектов.

Просмотрщик полезен инженерам, дизайнерам и любителям 3D-печати, для быстрой проверки моделей перед использованием. Благодаря использованию WebGL, визуализация выполняется быстро и без задержек даже на мобильных телефонах и для сложных моделей.

• Скачать пример STL-файла 2,5 Мб
• Скачать пример OBJ-файла 0,2 Мб
• Скачать пример GLB-файла 0,2 Мб
• Скачать пример GLTF-файла 2 Мб