Разработка электронных библиотек для PRO100, контакты: моб. МТС +7(978)787-44-50 эл. почта art-pro100@mail.ru

WebGL — 3D просмотр моделей на вашем сайте.

webglЗаказать шаблон просмотра с 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 МБ, 13 скачиваний)

Использование шаблона WebGL радикально упрощает показ ваших моделей на мебельном сайте. Однажды созданный, ваш проект будет одинаково выглядеть и одинаково хорошо работать везде. Это повышает возможности реализации мебели через интернет, что и позволяет создать интерактивность, т.е. взаимодействие человека и объекта 3d визуализации. Хочется отметить, то что отображение модели, это наша предварительная подготовка исходника для последующего отображения в шаблоне. Порядок стоимости: цена — качество.

Дополнительно:

Если у вас нет своего сайта, скачать локальный сервер для ПК, установить, закачать пример meb_01 в папку InstantWP\iwpserver\htdocs\wordpress\. Запустить InstantWP.exe, в меню открыть WordPress Frontpage и просмотреть по адресу http://127.0.0.1:4001/wordpress/meb_01 скопированный пример.server

[свернуть]

Примеры шаблонов для вашего сайта:

 

Шаблон 1
Выполнен в серой гамме, возможность дополнительного описания модели.
трафик модели 272 кб

template_01

Шаблон 2
Выполнен в белой гамме, просмотр с текстурами и без них.
трафик модели 282 кб

template_02

Шаблон 3
Выполнен в серой гамме, слева находится Дерево структуры сцены, можно скрыть/показать выбранные компоненты модели. Другие опции для просмотра.
трафик модели 384 кб

template_03

Шаблон 4 + Редактор
Выполнен в серой гамме, слева находится Дерево структуры сцены, можно скрыть/показать выбранные компоненты модели. Шаблон имеет возможность редактирования модели.
Редактор 3D
Он ведет себя как обычный настольный 3D-редактор. Просто выберите Переместить (или Повернуть, Масштаб), выберите любой объект и переместите его.

  • Быстрый выбор объектов
  • Поворот, Масштаб, Перемещение
  • Переместить вдоль оси: X, Y, Z или плоскостей: XY, YZ, XZ
  • Повернуть вокруг: X, Y, Z
  • Масштаб в любом направлении: X, Y, Z
  • Отменить, повторить

трафик модели 384 кб

template_04

Шаблон 5 + Редактор
Выполнен в серой гамме, слева находится Дерево структуры сцены, можно скрыть/показать выбранные компоненты модели. Шаблон имеет возможность редактирования модели. Дополнительная информация по работе редактора, добавлен logo.

трафик модели 385 кб

template_05

ГАЛЕРЕЯ

meb_05

кресло трафик 2.26 мб

meb_02

стул трафик 512 кб

meb_06

MARVEL трафик 1.52 мб

meb_04

девушка трафик 988 кб