Что такое Просмотрщик 3D-моделей?

Просмотрщик 3D-моделей открывает файлы GLB, GLTF, FBX, OBJ, STL, PLY и 3MF прямо на вашем устройстве. Вращайте, масштабируйте и перемещайтесь, чтобы осмотреть модель с любого ракурса. Переключайтесь между режимами с текстурой, каркас, глина, нормали и рентген, разворачивайте на весь экран, настраивайте освещение или меняйте цвет фона. Ничего не загружается на сервер.

Просмотрщик работает на Three.js и OrbitControls: перетаскивание вращает камеру вокруг модели, двумя пальцами — панорамирование, колесо — масштаб. После загрузки модели панель показывает число вершин, треугольников, граней, вызовов отрисовки и материалов. Кнопками режима переключайтесь между «с текстурой», «каркас» (топология), «глина» (серый без текстур, чтобы видеть форму), «нормали» (направление поверхности) и «рентген» (полупрозрачный, чтобы видеть скрытую внутреннюю геометрию), разворачивайте окно на весь экран для детального осмотра, регулируйте интенсивность направленного света и меняйте фон на тёмно-серый или любое HEX-значение для скриншотов на ревью.

Как использовать

  1. Загрузите файл 3D-модели (.glb, .gltf, .fbx, .obj, .stl, .ply или .3mf), перетащив его или нажав для выбора
  2. Используйте мышь или сенсорный экран для вращения, масштабирования и перемещения по модели
  3. Переключайтесь между режимами с текстурой, каркас, глина, нормали и рентген, разворачивайте на весь экран, настраивайте освещение или меняйте цвет фона для детального осмотра

Когда использовать

  • Проверить GLB или GLTF от 3D-художника до того, как он потратит часы на текстурирование.
  • Убедиться, что OBJ из Blender экспортировался ровно с той геометрией, что вы ждали.
  • Показать ассет клиенту с телефона, не заставляя его ставить Blender, Maya или Unity.

Результат

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

Частые вопросы

Какие 3D-форматы принимает просмотрщик?
GLB и GLTF, FBX, OBJ, STL, PLY и 3MF. GLB, GLTF и FBX упаковывают материалы, текстуры и анимации в один файл. OBJ — только геометрия; даже если рядом лежит MTL, цвета и текстуры сюда не подтянутся. STL и PLY (частые форматы 3D-сканеров и принтеров) приходят как чистая геометрия и показываются серым без текстур; если в PLY есть цвета вершин, они сохраняются.
Почему модель полностью чёрная или вообще не видна?
Либо масштаб далеко за пределами фрустума камеры, либо в модели нет встроенных источников света. Нажмите «Сбросить камеру» и поднимите ползунок интенсивности. Сплошная чернота обычно означает, что текстурные файлы не подгрузились.
Что означают числа вершин и граней?
Вершины — это узлы сетки, грани (или треугольники) — соединяющие их полигоны, а вызовы отрисовки примерно равны числу отдельных мешей: чем их меньше, тем дешевле отрисовка. Игровой пропс обычно не выходит за 50 тыс. треугольников, персонаж — за 200 тыс. Если пропс измеряется миллионами, это, скорее всего, скульпт без последующей децимации.
А скелетная анимация проигрывается?
Да. Файлы GLTF и GLB со встроенными анимационными клипами сразу попадают в панель воспроизведения, первый клип запускается автоматически. В выпадающем списке можно переключать ходьбу, idle и любые другие клипы, которые экспортировал художник, а пауза и продолжение работают мгновенно. У статичных моделей панель скрыта, чтобы интерфейс оставался опрятным.
Можно сохранить снимок текущего вида?
Да. Кнопка «Снимок» сохраняет угол камеры в PNG с разрешением канваса. Сначала настройте фон, свет и поворот, затем щёлкните — это та же картинка, что увидит клиент, и её можно сразу прикрепить к письму.

Похожие инструменты