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 скопированный пример.
Примеры шаблонов для вашего сайта:
Шаблон 1
Выполнен в серой гамме, возможность дополнительного описания модели.
трафик модели 272 кб
Шаблон 2
Выполнен в белой гамме, просмотр с текстурами и без них.
трафик модели 282 кб
Шаблон 3
Выполнен в серой гамме, слева находится Дерево структуры сцены, можно скрыть/показать выбранные компоненты модели. Другие опции для просмотра.
трафик модели 384 кб
Шаблон 4 + Редактор
Выполнен в серой гамме, слева находится Дерево структуры сцены, можно скрыть/показать выбранные компоненты модели. Шаблон имеет возможность редактирования модели.
Редактор 3D
Он ведет себя как обычный настольный 3D-редактор. Просто выберите Переместить (или Повернуть, Масштаб), выберите любой объект и переместите его.
- Быстрый выбор объектов
- Поворот, Масштаб, Перемещение
- Переместить вдоль оси: X, Y, Z или плоскостей: XY, YZ, XZ
- Повернуть вокруг: X, Y, Z
- Масштаб в любом направлении: X, Y, Z
- Отменить, повторить
трафик модели 384 кб
Шаблон 5 + Редактор
Выполнен в серой гамме, слева находится Дерево структуры сцены, можно скрыть/показать выбранные компоненты модели. Шаблон имеет возможность редактирования модели. Дополнительная информация по работе редактора, добавлен logo.
трафик модели 385 кб
ГАЛЕРЕЯ
стол трафик 1.05 мб
детская трафик 0.65 мб
кресло трафик 2.26 мб
стул трафик 0.51 мб
MARVEL трафик 1.52 мб
девушка трафик 0.99 мб
