Экспорт: про 3D-viewer
На вкладке Viewer редактора Vectary 3D есть несколько настроек экспорта.

Вы можете экспортировать свою 3D-сцену как ссылку для общего доступа:
Или вы можете скопировать iframe-код, чтобы встроить сцену себе на сайт
<iframe id="7e925e64-cbb0-4652-a33c-85b83f9019d9" src="https://www.vectary.com/viewer/v1/?model=7e925e64-cbb0-4652-a33c-85b83f9019d9&env=studio3&turntable=6" frameborder="0" width="100%" height="480"></iframe>
Если вы внимательно посмотрите на ссылку или код, вы увидите некоторые параметры, которые вы установили на вкладке Viewer во время экспорта.
ID модели
model=7E925E64-CBB0-4652-A33C-85B83F9019D9
Это идентификационный номер модели.
Обратите внимание, что если вы вносите изменения в сцене, а затем снова генерируете её, то менять ссылку не нужно, всё обновится автоматически. То есть ID сцены не изменится.
Окружение
env=studio1
  • это изображение окружения (HDRi-карта), которое будет отражаться на глянцевых поверхностях
  • по умолчанию установлена "studio1"
  • это значение берётся из окружения в вашем проекте.
  • попробуйте изменить на env=sanmarco, чтобы вместо этого получить окружение на открытом воздухе
Вращение среды
envRotation=0
  • здесь вы можете вручную переопределить поворот вашего HDRi
  • это используется для смещения некоторых отражений от поверхности вашей модели (лично мне это никогда не понадобилось)
Автовоспроизведение
autoplay = 1
  • установите для него значение 0 (false/zero), чтобы избежать автозагрузки 3D-контента, вместо этого будет отображаться кнопка воспроизведения, и посетителю необходимо запустить загрузку, щелкнув по ней
  • если у вас сцена большого размера и вы хотите избежать нежелательного трафика или длительного времени загрузки страницы.
Вращение
turntable=0
  • в настоящее время по умолчанию установлено значение 0, что означает, что сцена не вращается автоматически.
  • рекомендую включить turntable=1, чтобы пользователь, посетивший вашу страницу, понял, что это объёмное изображение.
  • значение измеряется в обороты в минуту. вы можете установить положительное (по часовой стрелке) или отрицательное значение (против часовой стрелки)
  • для очень низкой скорости вращения используйте turntable=2
Прелоадер
showPreloader=1
Это стандартная анимация, показывающая загрузку сцены (вращающееся кольцо).
Оставьте это по умолчанию включенным, чтобы посетитель знал, что сцена загружается, а не зависла.

Рамка
frameborder=0
  • это толщина рамки, окружающей окно 3D-просмотрщика
  • установите для этого параметра значение = 1 или 2, чтобы лучше видеть фрейм внедрении на страницу сайта.
  • когда вы закончите, снова выключите её на 0, чтобы это не нарушало эстетический вид страницы.

Ширина окна
width="100%"
  • ширина iframe по умолчанию установлена на 100%, что означает, что он будет растягиваться до максимально возможной ширины на вашей веб-странице. (если ваш iframe не ограничен извне другими ограничениями)
  • вы можете изменить это на другое значение в % или px
Высота окна
height="480"
  • эта высота вашего окна, установлена на 480 пикселей
  • пробуйте экспериментировать с тем, что вам больше всего подходит.
Остальные способы настройки сцены читайте в документации на гитхабе: https://vectary.github.io/viewer-api/#/parameters
к следующему материалу