WebGL — 3D просмотр моделей на вашем сайте.
Заказать шаблон просмотра с 3D моделями мебели:
моб. МТС +7(978)787-44-50
эл. почта art-pro100@mail.ru
WebGL — возможность для отображения ваших 3D моделей в браузере. Вся работа веб-просмотра с использованием WebGL основана на коде JavaScript. WebGL — это OpenGL внутри браузера, и это означает, что на веб-странице можно отображать 3D-модели с использованием разнообразных текстур.
Технология WebGL позволяет создавать интерактивную 3d графику, которая совместима с большинством веб-браузеров без использования дополнительно подключаемых модулей (Google Chrome, Mozilla Firefox, Safari, Opera, Internet Explorer). Таким образом, на сегодняшний день практически любой пользователь (более 90%) может использовать преимущества этой технологии.
При этом для работы с данной технологией не требуются сторонние плагины или библиотеки. Удобство технологии WebGL заключается в том, что она позволяет рисовать трехмерную графику в браузере, напрямую используя вашу видеокарту.
Просмотр ваших моделей будет доступен при наличии сети интернет. Windows, MacOS, Linux — все это не важно, главное, чтобы ваш браузер, ваших пользователей поддерживал WebGL. Скорость отображения модели зависит от размера файлов и скорости вашего интернет соединения.
Файлы скриптов можно загрузить на сервер и просмотреть модель с возможностью перемещения объекта, поворота, масштабирования. Также вы можете изменить её и предоставить дополнительную логику просмотра для основной модели и её 3D-части.
Как это работает:
Опять же, очень просто. Пользователь открывает новую веб-страницу, веб-страница загружает 3D-модель и текстуры. Модель будет отображаться частично по мере загрузки контента. В случае текстур исходная модель может отображаться с ними и без них, со структурой модели или нет — это всё в зависимости от шаблона просмотра.
Вам только нужно загрузить папку со скриптами на сервер своего сайта, указать на странице свой путь к папке, пример смотреть: http://ваш сайт/ … /meb_01/
пример скачать (1,8 МБ, 146 скачиваний)
Использование шаблона WebGL радикально упрощает показ ваших моделей на мебельном сайте. Однажды созданный, ваш проект будет одинаково выглядеть и одинаково хорошо работать везде. Это повышает возможности реализации мебели через интернет, что и позволяет создать интерактивность, т.е. взаимодействие человека и объекта 3d визуализации. Хочется отметить, то что отображение модели, это наша предварительная подготовка исходника для последующего отображения в шаблоне. Порядок стоимости: цена — качество.
Если у вас нет доступа к своему сайту, скачать локальный сервер для ПК, установить, закачать пример meb_01 в папку InstantWP\iwpserver\htdocs\wordpress\. Запустить InstantWP.exe, откроется браузер, в меню открыть WordPress Frontpage и просмотреть по адресу http://127.0.0.1:4001/wordpress/meb_01 скопированный пример.
Примеры шаблонов для вашего сайта:
Шаблон 4 + Редактор
Выполнен в серой гамме, слева находится Дерево структуры сцены, можно скрыть/показать выбранные компоненты модели. Шаблон имеет возможность редактирования модели.
Редактор 3D
Он ведет себя как обычный настольный 3D-редактор. Просто выберите Переместить (или Повернуть, Масштаб), выберите любой объект и переместите его.
- Быстрый выбор объектов
- Поворот, Масштаб, Перемещение
- Переместить вдоль оси: X, Y, Z или плоскостей: XY, YZ, XZ
- Повернуть вокруг: X, Y, Z
- Масштаб в любом направлении: X, Y, Z
- Отменить, повторить
трафик модели 384 кб
ГАЛЕРЕЯ