Что такое Просмотрщик 3D-моделей?
Просмотрщик 3D-моделей открывает файлы GLB, GLTF, FBX, OBJ, STL, PLY и 3MF прямо на вашем устройстве. Вращайте, масштабируйте и перемещайтесь, чтобы осмотреть модель с любого ракурса. Переключайтесь между режимами с текстурой, каркас, глина, нормали и рентген, разворачивайте на весь экран, настраивайте освещение или меняйте цвет фона. Ничего не загружается на сервер.
Просмотрщик работает на Three.js и OrbitControls: перетаскивание вращает камеру вокруг модели, двумя пальцами — панорамирование, колесо — масштаб. После загрузки модели панель показывает число вершин, треугольников, граней, вызовов отрисовки и материалов. Кнопками режима переключайтесь между «с текстурой», «каркас» (топология), «глина» (серый без текстур, чтобы видеть форму), «нормали» (направление поверхности) и «рентген» (полупрозрачный, чтобы видеть скрытую внутреннюю геометрию), разворачивайте окно на весь экран для детального осмотра, регулируйте интенсивность направленного света и меняйте фон на тёмно-серый или любое HEX-значение для скриншотов на ревью.
Как использовать
- Загрузите файл 3D-модели (.glb, .gltf, .fbx, .obj, .stl, .ply или .3mf), перетащив его или нажав для выбора
- Используйте мышь или сенсорный экран для вращения, масштабирования и перемещения по модели
- Переключайтесь между режимами с текстурой, каркас, глина, нормали и рентген, разворачивайте на весь экран, настраивайте освещение или меняйте цвет фона для детального осмотра
Когда использовать
- Проверить 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 с разрешением канваса. Сначала настройте фон, свет и поворот, затем щёлкните — это та же картинка, что увидит клиент, и её можно сразу прикрепить к письму.
Похожие инструменты
3D-макет коробки/упаковки
Просмотр дизайна упаковки в 3D
3D-диаграмма рассеяния
Визуализация точек данных в трёхмерном пространстве
3D-просмотрщик рельефа
Визуализация карт высот в виде 3D-рельефа
3D-витрина Товаров
Вращайте и рассматривайте товары в интерактивном 3D
Создание 3D-текста
Создавайте объёмный 3D-текст с уникальными стилями
Площадка WebGL-шейдеров
Пишите и просматривайте GLSL-шейдеры в реальном времени