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

[oleg zen 138]

 

WebGL — возможность для отображения ваших 3D моделей в браузере. Вся работа веб-просмотра с использованием WebGL основана на коде JavaScript. WebGL — это OpenGL внутри браузера, и это означает, что на веб-странице можно отображать 3D-модели с использованием разнообразных текстур.

При этом для работы с данной технологией не требуются сторонние плагины или библиотеки. Это использование языка JavaScript, который достаточно распространен на веб-сайтах.

Следующие файлы можно загрузить на сервер и просмотреть с возможностью перемещения объекта, поворота, масштабирования. Также вы можете изменить его и предоставить дополнительную логику просмотра для основной модели и её 3D-части.

Просмотр ваших моделей будет доступен в любой точке земного шара при наличии сети интернет.  Windows, MacOS, Linux — все это не важно, главное, чтобы ваш браузер, ваших пользователей поддерживал WebGL.

Как это работает:

Опять же, очень просто. Пользователь открывает новую веб-страницу, веб-страница загружает 3D-модель и текстуры. Модель будет отображаться частично по мере загрузки контента. В случае текстур исходная модель может отображаться с ними и без них, в зависимости от шаблона просмотра.

Вам только нужно загрузить папку со скриптами на сервер, указать на странице свой путь к папке, пример смотреть: http://ваш сайт/webgl/meb_01/  СКАЧАТЬ ПРИМЕР

 

Заказать шаблон с 3D моделями:

эл. почта art-pro100@mail.ru

ШАБЛОН 1       ШАБЛОН 2

Изменено 4 октября, 2017 пользователем oleg zen

[nuget 67]

oleg zen, поясните, что представляет собой "шаблон с 3D моделями"? и чем ваш пример отличается от, например, этого ( Liquid Rocket Engine )

[oleg zen 138]

Внутрь указанного вами шаблона не заглядывал, своими словами поясню о своём. Есть 3D модель мебели и т..д. в нужном формате , упаковываются скрипты в папку, что важно они с малым размером для сервера, просматривается эта модель на отдельной странице в определённом дизайне шаблона. Шаблоны дополнятся. Загрузка модели быстрая, с отображением разнообразных текстур на моделях. У меня восторг, материализация изделия продаж для производителя мебели.

Сделал по ходу восторга: стул, марвел, девушка с освещением

примеры галереи буду пополнять по мере опыта и возможностей

 

[nuget 67]

oleg zen, пример Liquid Rocket Engine является фреймом. Все что нужно сделать: зарегистрировать аккаунт на Sketchfab, загрузить модель (например в формате OBJ), и далее, можно будет копировать блок кода фрейма (в формате: HTML, BBCODE), для вставки на сайт или форум.

[AlexBolton 230]

2 часа назад, nuget сказал:

пример Liquid Rocket Engine является фреймом

Тут немного другое с большими возможностями для презентации и 3dPDF при работе с готовыми 3d файлами
Конечно, когда на Staircon`е и т.д встроенный экспорт на Sketchfab и т.п - чего возится, а для презентации имеющегося 3D очень нормально.

Пример1
Пример2
весьма простой и приятный инструмент.

Изменено 5 октября, 2017 пользователем AlexBolton

[oleg zen 138]

Не думаю, что там есть такое  Просмотр 3D модели + Редактор

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

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

ПС. Я вас не уговариваю, сделаете лучше все вам будут благодарны.

[nuget 67]

oleg zen, сервис Sketchfab предоставляет некоторые возможности API. также имеются учебные материалы ( Sketchfab Archvis workflow based on Vray baked textures ). одно дело специализированное решение на базе API, другое, презентация проекта. если имеются деньги, можно прикупить приложение CATIA Composer , которое позволяет создавать интерактивные веб-презентации без программирования. если двигаться в сторону специализированного решения, типа ProdBoard, советую рассмотреть открытую библиотеку threejs (см. пример). 

[AlexBolton 230]

8 часов назад, nuget сказал:

можно прикупить приложение CATIA Composer

FinalMesh как раз и есть эдакая  облегченно-упрощенная CATIA.

Кстати на threejs Ecru в Pro100 v6 сделала встроенный экспорт проекта в панораму.
(Для задачи "презентация проекта клиенту" вполне достаточно)

[oleg zen 138]

nuget, почитать в сети я и сам могу. Знают - тысячи, делают свою работу хорошо - единицы. Пока только разговоры, никто своей работы в этом направлении демонстрации мебели не показал.

* Информация в созданной теме была предоставлена у кого есть свой веб-сайт, а то и два, кто может это себе позволить.

Изменено 6 октября, 2017 пользователем oleg zen

[nuget 67]

oleg zen, на сколько я понял, вы в этой теме новичок. я лишь дал некоторые ссылки для размышления. если серьезно, шаблоны, которые вы предлагаете мало кого могут заинтересовать, другое дело модуль расширения для CMS с интерфейсом загрузки модели, или разработка собственного решения с нуля. например, сервис ProdBoard хорошая идея?

на мой взгляд, конечный потребитель хочет видеть нечто подобное:

ничего лучшего я не мог найти. разработчики очень точно уловили потребность заказчика. я думаю, это самая перспективная разработка интерактивных решений в плане оптимизации продаж кухонных гарнитуров. есть над чем подумать...

[oleg zen 138]

17 часов назад, nuget сказал:

это самая перспективная разработка интерактивных решений в плане оптимизации продаж кухонных гарнитуров. есть над чем подумать

Я думаю вы в мебельной теме новичок, никогда бы не поставил себе такой сервис на свой мебельный сайт. В работе с заказчиком не всегда проектирование гладко проходит с многолетним опытом, а вы хотите, чтобы заказчик со своей подготовкой себе смог правильно кухню проектировать на таком сервисе. Я думаю ни с какой вы не с Москвы, и не с студент вовсе...потихоньку надо продвигать  сервис ....

ИМХО. на мой взгляд Вам надо в проектировании "повариться", в вёрстке мебельного веб-сайта, показать своё, тогда многое станет понятно, зачем и почему я тут потратил время с этими шаблонами. В цеху неплохо поработать ))).

 

[nuget 67]

oleg zen, сервис 3DVIA home не нуждается в продвижении. презентация демонстрирует возможность быстрого расчета изделия из 12-и возможных вариантов расстановки гарнитура, в зависимости от исходных параметров помещения. сколько понадобиться времени, чтобы решить эту задачу традиционным методом? речь не идет о конечном варианте, это задача аналитического расчета. само сабой, проект необходимо корректировать, чтобы устранить погрешности, но в целом, это позволит повысить эффективность рабочего процесса. проежде чем делать поспешные выводы, изучите внимательно материал:

 

[oleg zen 138]

1 час назад, nuget сказал:

изучите внимательно материал:

закончу  с вами флуд и ваш монолог

Хорошо, спасибо за науку, будет исполнено товарищ Сталин.

[oleg zen 138]

стол трафик 1.05 мб

детская трафик 0.65 мб

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

[oleg zen 138]

Показ диванов для продаж

диван трафик 0.88 мб

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

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

 

 

[Chanty 0]

Sketchfab и прочая - это, разумеется, выход из положения. Но такие решения всегда ограничены возможностями клиентских устройств. 

Если модель (сцена) действительно большая и сложная, то можно воспользоваться технологией интерактивного стриминга  https://streaminglab.ru/onlinedemo/

Изменено 24 июня, 2021 пользователем Chanty

[oleg zen 138]

КУХНЯ С КЛАССИЧЕСКИМИ ФАСАДАМИ

ПРОСМОТР МОДЕЛИ

[oleg zen 138]

Детская мебель с метками

ПРОСМОТР МОДЕЛИ

Изменено 30 января, 2022 пользователем oleg zen

[oleg zen 138]

Детская мебель с метками c просмотром в трёх ракурсах

ПРОСМОТР МОДЕЛИ

Изменено 5 февраля, 2022 пользователем oleg zen

[Михаил Куримов 56]

1- кромка на мебели местами поперек (придираюсь конечно, но иногда это важно показать= ближе к реальности)

2- зачем надпись плей?  ведь ничего не проигрывается (нет динамики), достаточно жмакнуть  просто надпись вида

3- можно добавить посказку что мышой тоже можно управлять (+раскладку)

4- открывать фасад\ящики по жмаканью было бы ваще красота ))

5- дать возможность скрыть метки.

[oleg zen 138]

Михаилу Крымову, кромку поправить можно, 2. с динамикой ниже пример выкладываю. 3. не понятно. 4. только ящики 5. с метками или без меток варианты (можно сделать при наведении на маячок появляется метка). Всё зависит какой шаблон для представления показа модели. Пока людям только посмотреть за спасибо. Осмыслить происходящее на смартфоне. Ваше участие важно!

с маяками для перехода по видам ПРОСМОТР МОДЕЛИ

С АНИМАЦИЕЙ ШАБЛОН ПРОСМОТР

ПС. Сама тема для просмотра коструктива модели мебели имеет место Сейчас быть.

 

 

[oleg zen 138]

Шкаф-купе в шаблоне, можно скрыть фасадную часть для показа наполнения. Есть режим показа в контуре без текстур.

ПРОСМОТР МОДЕЛИ

[site3d 0]

Чтобы разместить 3д модель на сайт можно воспользоваться сервисом Site3D Configurator