Скачайте 3D модель с сайта 3d.fact.com.
Выберите формат .gbi и текстуру 1K или 2K в зависимости от разрешения монитора.
Скачайте модель и сохраните её в загрузках.
Перейдите на сайт ModoViewer для просмотра 3D моделей.
Перенесите скачанную модель в область сайта.
Используйте правую кнопку мыши для изменения точки камеры и левую мышь для вращения модели.
Перейдите в настройки камеры и выберите начальную точку.
Эта позиция будет использована в итоговом коде.
Скопируйте полученный код в тело сайта.
Убедитесь, что файл модели находится в той же папке, что и файл сайта.
Подключите скрипт для обработки кода с 3D моделью.
Подключите CSS стили для сброса отступов и скрытия значка камеры.
Скройте значок камеры и сделайте модель полноэкранной.
Сбросьте отступы браузера для корректного отображения модели.
Все файлы и данные статьи хранятся в репозитории GitHub.
Для стилизования и добавления функций к плееру обращайтесь по контактам на сайте.
Для помощи в установке плеера и создании 3D модели для сайта обращайтесь на коммерческий сайт.