0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Веб в трех измерениях: пять сервисов для работы с 3D-графикой в браузере

Содержание

Интерактивные трехмерные сайты

Желаете интересно представить свой продукт? Тогда стоит воспользоваться услугами организации CyberFox, которая занимается разработкой 3д сайтов. Представьте, что вы можете разместить трехмерную модель любого товара прямо на сайте. Клиент сможет вращать модель, приближать и отдалять, а также конфигурировать составные части.

Что представляет разработка интерактивных трехмерных сайтов ? Это процедура изготовления фотореалистичных 3Д моделей товаров или сцен с их наличием, интересные анимации и не только. Посмотрите работы нашей студии в разделе «Портфолио». Переходите на новый уровень вовлеченности клиентов к вашему товару.

Преимущества создания 3D сайта

Возможно применение в различных сферах:

  1. Архитектурные объекты;
  2. Производственное оборудование;
  3. Мебель и меблировка;
  4. Одежда и обувь;
  5. Ювелирные изделия;
  6. Полиграфия и так далее.

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

Вначале нужно выявить цели, которые будет закрывать разработка 3д сайта.

Следующая стадия в подобной процедуре – это подготовка дизайна, верстка и программирование.

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

Вам точно стоит узнать больше о применении Web 3D

Политика конфиденциальности

Информация, подлежащая сбору
Сбору подлежат только сведения, обеспечивающие возможность поддержки обратной связи с пользователем. Некоторые действия пользователей автоматически сохраняются в журналах сервера:
IP-адрес;
данные о типе браузера, надстройках, времени запроса и т. д.
Как используется полученная информация
Сведения, предоставленные пользователем, используются для связи с ним, в том числе для направления уведомлений об изменении статуса заявки.
Управление личными данными
Личные данные доступны для просмотра, изменения и удаления в личном кабинете пользователя. В целях предотвращения случайного удаления или повреждения данных информация хранится в резервных копиях в течение 7 дней и может быть восстановлена по запросу пользователя.
Предоставление данных третьим лицам
Личные данные пользователей могут быть переданы лицам, не связанным с настоящим сайтом, если это необходимо:
для соблюдения закона, нормативно-правового акта, исполнения решения суда;
для выявления или воспрепятствования мошенничеству;
для устранения технических неисправностей в работе сайта;
для предоставления информации на основании запроса уполномоченных государственных органов.
В случае продажи настоящего сайта пользователи должны быть уведомлены об этом не позднее чем за 10 дней до совершения сделки.
Безопасность данных
Администрация сайта принимает все меры для защиты данных пользователей от несанкционированного доступа, в частности:
регулярное обновление служб и систем управления сайтом и его содержимым;
шифровка архивных копий ресурса;
регулярные проверки на предмет наличия вредоносных кодов;
использование для размещения сайта виртуального выделенного сервера.

WebGL — технология 3D графики в интернет

WebGL — технология 3D графики в интернет

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

Трёхмерный онлайн-контент — один из основных трендов современного Интернета.

Новый уровень вовлеченности

Причина интереса к интерактивному 3D — не только эффект новизны. Интерактивное приложение даёт пользователю возможность не только наблюдать за презентацией, но и принимать в ней участие. Пользователь может самостоятельно выбрать ракурс или порядок просмотра, цвет или материал устройства, конфигурацию. Иными словами, зритель перестаёт быть просто зрителем. Видеоролик или набор фотографий не может произвести такого эффекта.

Стандарт WebGL

WebGL — API для работы с 3D-графикой в веб-браузере. WebGL не требует установки плагинов и поддерживается практически всеми современными браузерами как на стационарных, так и на мобильных платформах. Технология WebGL была впервые представлена в 2007 году и продолжает активно развиваться по сей день. Сейчас это стабильное и надёжное решение, индустриальный стандарт для интерактивной 3D-графики в Интернете.

Пиши один раз, запускай везде

WebGL-приложение можно запустить на любой современной системе. Для этого не требуется даже собирать приложение отдельно для каждой платформы.

Использование WebGL радикально упрощает разработку интерактивных веб-приложений. Однажды созданный, ваш проект будет одинаково выглядеть и одинаково хорошо работать везде.

Blend4Web — решение для WebGL

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

С его помощью обычный программист или 3D-художник получает возможность просто и быстро создать полноценное веб-приложение. А команда программистов, веб-дизайнеров и художников — средство для создания веб-приложений любой сложности, даже такого, которое ни в чём не уступит standalone-проектам.

Чтобы узнать о том, как можно использовать Blend4Web для создания WebGL-приложений профессионального уровня, обратитесь к соответствующей странице продукта.

Популярные группы

3D-графика в браузере: сервисы

За трехмерными технологиями будущее. Вот уже и Интернет достаточно эволюционировал, чтобы предлагать нам сервисы для работы с 3D. О некоторых из них — читайте в нашей статье

Когда на экраны стали выходить первые трехмерные анимационные картины и новые игры с 3D-окружением, пользователи проявляли огромный интерес к этой области компьютерной графики. «Шрек», «История игрушек», «Корпорация монстров» и прочие 3D-фильмы казались поначалу чем-то очень необычным. После просмотра таких блестящих работ у многих возникало желание разобраться с тем, как все это создается. Но со временем ажиотаж вокруг трехмерной графики поостыл, и выход очередной серии «Шрека» сегодня не вызывает былого интереса.

Компьютерная «трехмерка» стала более качественной, а дизайнеры перестали использовать 3D там, где это не нужно. Наглядным примером такого неуместного использования 3D можно назвать игру Worms, которая потеряла свою привлекательность, как только из нее попытались создать трехмерную аркаду.

И все же сегодня мы снова наблюдаем растущий интерес к 3D, только его причина уже совсем иная — она больше не кроется в банальном вопросе «Как это сделано?». Теперь, когда Интернет достиг определенного уровня развития, у пользователей появилась возможность использовать трехмерные технологии прямо в окне браузера. И перспективы этого направления очевидны — от интерактивных игр до совершенно новых необычных веб-приложений и сервисов. Оценить потенциал «трехмерного» Интернета могут как те, кто непосредственно создает 3D-графику, так и те, кто только открывает для себя этот интереснейший мир.

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

Стоит, однако, иметь в виду, что сервисы, работающие на WebGL, требуют наличия браузеров Google Chrome или Firefox (в Opera поддержку технологии так и не доработали — она осталась тестовой функцией). Если судить по нашему опыту, лучше все же отдать предпочтение Chrome — во многих случаях 3D в Firefox не отображается, хотя его поддержка официально заявлена.

Просмотр 3D-моделей в браузере

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

Некоторые из таких сервисов можно даже использовать как онлайн-портфолио. Чтобы показать свои умения, раньше 3D-моделлеру приходилось тратить время на визуализацию моделей с разных сторон и с разными вариантами представления (сетка, сглажено и пр.), создавать на их основе шоурил в видеоредакторе, загружать его в Интернет и т.д. С сервисами для просмотра 3D-моделей в браузере все гораздо проще.

Сервис P3d.in дает возможность загружать модели в формате OBJ на сайт и делиться ими. После загрузки генерируется ссылка вида http://p3d.in/BIcqM. Если перейти по ней, можно рассмотреть модель со всех сторон, повращать ее, приблизить. Очень удобно, что для просмотра могут использоваться разные представления: сетка, сплошной цвет, сетка на сглаженной поверхности и так далее.

Читать еще:  Спутники ГЛОНАСС избавятся от импортных комплектующих к 2023 году

Владелец учетной записи может работать со своими моделями в веб-галерее, сортировать их, используя метки, добавлять описания, управлять начальным видом камеры. Возможна и базовая настройка материалов: можно управлять цветом и наличием текстуры для параметров Diffuse и Specularity, а также размещением текстуры на объекте. При переключении на платный аккаунт добавляются возможности по управлению материалами: появляются дополнительные типы карт (Bump, Ambient Occlusion), увеличивается максимально допустимое разрешение текстур, появляется возможность загружать картинки в PNG. Пока что Pro-акаунты только тестируются, поэтому воспользоваться всеми их преимуществами можно совершенно бесплатно.

Sketchfab можно рассматривать как более продвинутый вариант P3d.in. Если предыдущий сайт хорошо подходит для тех, кому нужно время от времени демонстрировать отдельные 3D-модели заказчикам, Sketchfab — это место, где можно создать настоящее онлайн-портфолио.

За 7 долларов в месяц Sketchfab предлагает хостинг полноценного сайта-портфолио вида myname.sketchfab.me, на котором можно разместить информацию о себе и на который можно закачать все свои модели (просто модели, а не изображения, на рендеринг которых нередко уходят долгие часы). Потенциальный работодатель сможет увидеть все модели в 3D и рассмотреть их со всех сторон.

Впрочем, сайтом можно пользоваться и бесплатно. В этом случае создается страница вида sketchfab.com/3dnews, которая похожа на профиль тематической социальной сети. На ней можно увидеть все модели, загруженные пользователем, и число их просмотров. Другие пользователи Sketchfab могут оставить комментарий к модели, сделать пометку «нравится», а также подписаться на

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

Впрочем, разработчики Sketchfab позаботились о том, чтобы пользователи могли представить свои модели в наилучшем виде. Можно выбирать отображение с использованием шейдеров и сетки или без них, управлять многими параметрами материала, добавлять один из четырех вариантов однотонного фона или размещать модель на фоне изображения (звездного неба, зимнего леса и так далее — всего более 10 вариантов).

Для более качественного показа модели можно также использовать Screen Space Ambient Occlusion (SSAO). В режиме редактирования доступна полезная информация о модели: число треугольников и вершин. Sketchfab поддерживает множество форматов, среди которых OBJ, 3ds, blend, DAE.

Verold Studio — самый молодой участник нашего обзора. Проект, запущенный лишь летом прошлого года, создавался уже тогда, когда на рынке существовали Sketchfab и P3d.in, поэтому его разработчики попытались предложить то, чего нет у конкурентов. Первое — это более широкие возможности работы с материалами. В Verold Studio встроен миниатюрный редактор материалов, поэтому возможностей сделать модель красивой тут гораздо больше. Можно добавлять отражения, блики и так далее.

Также доступны разнообразные параметры освещения, причем отдельно можно управлять задним светом, светом заливки, подсветкой. Как и в Sketchfab, на этом сайте можно использовать фоновые изображения и гибко настраивать фон. А вот вариантов представления модели гораздо больше. Можно, например, включить режим визуализации нормалей или UV. Еще одна приятная особенность Verold Studio — загрузка моделей простым перетаскиванием из файлового менеджера.

В Verold Studio также уделено внимание совместной работе над проектами. Сервис предлагает много социальных функций, в частности многопользовательское обсуждение проектов в реальном времени. Как и на Sketchfab, тут есть возможность подписываться на новые модели пользователя. Правда, по части пользовательских страниц Verold Studio явно отстает — страница профиля с адресом вида studio.verold.com/users/519dd09d6e7eb82000000a2 явно проигрывает простому адресу, который получают пользователи Sketchfab. Да и редактор моделей Sketchfab нам показался нагляднее, так что молодому проекту Verold Studio еще есть над чем работать.

3D-графика в браузере — для 3D-печати

3D-печать дала новый импульс к изучению трехмерной графики. Многим пока это направление в новинку, но уже сейчас становится понятно, что трехмерные принтеры со временем постепенно станут вполне «домашней» периферией.

Развитие технологий трехмерной печати сделало невозможное возможным. Отныне с помощью трехмерного принтера можно за считаные минуты создавать вещи, на производство которых раньше уходили бы недели. Единственное, что требуется для создания предмета, кроме оборудования, — 3D-модель.

Делать их, конечно, можно и в традиционных программах для работы с трехмерной графикой, но изучение всевозможных 3D-студий на профессиональном уровне занимает немало времени. Процесс создания завершенного проекта в трехмерном редакторе подразумевает несколько этапов, каждый из которых требует навыков в определенной области — в текстурировании, настройке параметров визуализации, подготовке анимации и так далее. Однако для трехмерной печати наиболее важен лишь один этап разработки — 3D-моделирование. И с ним вполне можно справиться, используя веб-приложения для работы с трехмерной графикой.

3DTin — это онлайновый трехмерный редактор, созданный небольшой группой энтузиастов из Мумбаи (Индия) в 2010 году. За относительно короткий срок сервис набрал большое количество пользователей. В мае этого года число зарегистрированных пользователей превысило 100 тысяч человек. Такая популярность закономерна — еще несколько лет назад трехмерный редактор в браузере казался невозможным.

3DTin имеет лишь базовый набор функций для трехмерного моделирования (примитивные трехмерные формы, инструменты трансформации, объемный текст), но даже этого минимального набора инструментов вполне достаточно для построения 3D-сцен. В веб-приложении имеется даже возможность создания анимации!

Если вы никогда ранее не работали в 3D, освоить функции 3DTin будет очень просто. Во-первых, в настройках интерфейса можно выбрать русский язык, а во-вторых, изучать онлайновый редактор можно с помощью видеоуроков, интегрированных в справочную систему веб-приложения.

Созданные в веб-приложении модели могут быть отправлены на популярные сервисы для 3D-печати или же экспортированы в STL, OBJ, DAE. Все данные хранятся в «облаке», поэтому можно не волноваться о сохранности работы. Завершив моделирование на одном компьютере, вы можете спустя некоторое время продолжить работу на другом.

Tinkercad был первым 3D CAD-редактором, работающим в браузере. Его основное назначение — создание моделей для 3D-печати. Интерфейс редактора очень напоминает внешний вид программы SketchUP — тут так же просто добавлять трехмерные объекты и манипулировать ими. Изменение размера, перемещение и поворот выполняются перемещением маркеров, которыми окружен объект. При изменении размера можно сразу же увидеть величину модели в миллиметрах или в дюймах — по выбору пользователя. Также присутствуют инструменты для выравнивания и зеркального отображения. В Tinkercad есть множество уже готовых моделей. Это не только геометрические объекты, но и все буквы английского алфавита, цифры, знаки препинания, другие популярные символы (сердце, звездочка). Также можно быстро создать куриные лапы, яйцо и уши зайца.

Готовые проекты могут быть сохранены в форматах STL, OBJ, VRML, X3D и SVG. При желании пользователь может не забивать себе голову форматами, а просто сразу же отправить проект на один из четырех поддерживаемых сервисов для 3D-печати. Файл будет загружен на сервис, а тот уже автоматически определит стоимость печати.

В марте этого года Tinkercad чуть было не закрыли. Его создатели решили сосредоточиться на новом проекте Airstone, закрыли регистрацию бесплатных учетных записей и сообщили о полном прекращении работы сервиса в середине лета 2014 года. К счастью, интересным проектом заинтересовалась компания Autodesk, которая в последнее время активно разрабатывает не только программное обеспечение для работы с 3D и CAD, но и тематические веб-сервисы и мобильные приложения. Неделю назад канадская компания купила Tinkercad, благодаря чему регистрация снова

была открыта и пользователи бесплатных учетных записей получили дополнительные возможности. Для freeware-аккаунтов ныне работают все возможности импорта и экспорта проектов, сняты ограничения на число создаваемых дизайнов. Также в рамках обычной учетной записи можно использовать Shape Scripts, создавая собственные 3D-объекты средствами скриптового языка.

Технология WebGl разрушает сложившийся стереотип о том, что браузер — это информационное приложение, пригодное только для просмотра графики, видео и текста. Теперь его возможности куда шире, и даже работа с 3D уже не кажется чем-то особенно необычным. И это — только начало. Самое интересное начнется тогда, когда онлайновые веб-приложения смогут составить конкуренцию десктопным программам. И если судить по возможностям представленных в обзоре сервисов, это будет уже совсем скоро.

5 полезных сервисов для 3D-моделирования

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

3DTin

История этого сервиса началась в 2010 году в городе Мумбаи, Индия. Несколько молодых энтузиастов решили создать сайт для всех, кто хочет заниматься 3D-моделированием, и даже для тех, кто понятия не имеет, как это делается, а таких в то время было немало. Так был создан первый в мире сайт, адаптированный для работы в браузере. За три года работы количество пользователей ресурса превысило 100 тысяч.

Основные характеристики

  1. Простой интерфейс, удобный функционал. Разобраться может даже случайный пользователь, который по ошибке забрел на сайт. Панель инструментов по умолчанию черного цвета, что уменьшает нагрузку на глаза.
  2. Знатокам английского вообще повезло — все интересующие вопросы можно обсудить на форуме или прочитать в блоге.
  3. Хранилище трехмерных макетов позволяет выбрать нужную заготовку и не тратить зря время. Правда, на сайте имеются только самые простые макеты, сложные проекты придется создавать своими руками.

Tinkercad

Данный сервис был создан в 2011 году. Информационная справка на сайте гласит, что с 2011 по 2013 год с помощью этого ресурса было создано более 4 миллионов макетов. Платформа позиционирует себя как сайт, которым могут пользоваться даже дети. Убедиться в этом обычному пользователю не так просто: чтобы открылось рабочее окно, нужно пройти регистрацию.

Читать еще:  Устройства Surface лишены Thunderbolt и расширяемой памяти из-за фобий Microsoft

Основные характеристики

  1. Наличие обучающего видео на сайте облегчило жизнь не одному пользователю, после регистрации предлагается пройти целый курс о том, как научиться создавать 3D-модель за несколько минут.
  2. Все макеты сохраняются в облаке на сайте. При необходимости пользователь может без труда найти свою работу, отредактировать ее. Все, что нужно для этого — доступ к интернету.
  3. Созданную модель можно распечатать на 3D-принтере, поскольку она создается в STL формате.

Autodesk 123D

Это платформа, где каждый найдет себе что-то по душе: новичкам предоставляется возможность делать первые шаги, опытным специалистам — создавать шедевры 3D-визуализации. Весь сайт разделен на несколько отдельных площадок: создание моделей, скульптур, дизайна и т.д, благодаря чему можно избегать трудностей при работе с ресурсом. Для начала работы также необходимо зарегистрироваться.

Основные характеристики

  1. Данный ресурс позволяет создавать трехмерные модели с помощью фотографий.
  2. Те, кто собирается изготовлять трехмерные модели в коммерческих целях, могут оформить платную подписку. Вип-пользователи получат открытый доступ к готовым макетам, что позволит скачивать их без ограничений. Премиум-подписка также дает возможность создавать огромное количество заготовок и хранить их в облаке.
  3. Все, кто хочет воплотить свои идеи в жизнь, могут оформить заказ на покупку специального оборудования — устройства для нарезки различных материалов, 3D-принтера. Все это можно заказать прямо на сайте.

Archive3D.net

Этот ресурс в первую очередь предназначен для дизайнеров, которые хотят продемонстрировать свои 3D-макеты, будет полезен для тем, кто ищет специалиста по моделированию. Загрузить или скачать модель проще простого, причем абсолютно бесплатно.

Основные характеристики

  1. Каталог готовых макетов находится на главной странице. Это удобно и практично, так как выбор искомой 3D-модели может занимать несколько секунд.
  2. На сайте есть замечательная опция «найти дизайнера». Специалиста можно подобрать со всех уголков планеты, говорящего на любом языке, есть возможность указать его специализацию, просмотреть готовые работы.
  3. На сайте показано, кто из дизайнеров в онлайне и может оперативно принять заказ или ответить на вопросы клиента.

AUTODESK HOMESTYLЕR

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

Основные характеристики

  1. Рабочее окно, где показана сетка для создания 3D-модели простое, все предельно ясно. Правда, светлый цвет интерфейса не радует, но это мелочи.
  2. Есть возможность воспользоваться готовыми текстурами, легко разместить свои работы.
  3. На сайте имеется меню с интересным названием «Индекс профессионализма». На самом деле это список студий дизайна и трехмерного моделирования с портфолио.

Используйте эти ресурсы, открывайте в себе новые возможности, читайте наш блог и будьте в курсе всего, что происходит в захватывающем мире 3D-технологий!

Совершенствуйтесь и познавайте новое вместе с компанией KLONA!

Веб в трех измерениях: пять сервисов для работы с 3D-графикой в браузере

Когда на экраны стали выходить первые трехмерные анимационные картины и новые игры с 3D-окружением, пользователи проявляли огромный интерес к этой области компьютерной графики. «Шрек», «История игрушек», «Корпорация монстров» и прочие 3D-фильмы казались поначалу чем-то очень необычным. После просмотра таких блестящих работ у многих возникало желание разобраться с тем, как все это создается. Но со временем ажиотаж вокруг трехмерной графики поостыл, и выход очередной серии «Шрека» сегодня не вызывает былого интереса.

Компьютерная «трехмерка» стала более качественной, а дизайнеры перестали использовать 3D там, где это не нужно. Наглядным примером такого неуместного использования 3D можно назвать игру Worms, которая потеряла свою привлекательность, как только из нее попытались создать трехмерную аркаду.

И все же сегодня мы снова наблюдаем растущий интерес к 3D, только его причина уже совсем иная — она больше не кроется в банальном вопросе «Как это сделано?». Теперь, когда Интернет достиг определенного уровня развития, у пользователей появилась возможность использовать трехмерные технологии прямо в окне браузера. И перспективы этого направления очевидны — от интерактивных игр до совершенно новых необычных веб-приложений и сервисов. Оценить потенциал «трехмерного» Интернета могут как те, кто непосредственно создает 3D-графику, так и те, кто только открывает для себя этот интереснейший мир.

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

Стоит, однако, иметь в виду, что сервисы, работающие на WebGL, требуют наличия браузеров Google Chrome или Firefox (в Opera поддержку технологии так и не доработали — она осталась тестовой функцией). Если судить по нашему опыту, лучше все же отдать предпочтение Chrome — во многих случаях 3D в Firefox не отображается, хотя его поддержка официально заявлена.

⇡#Просмотр 3D-моделей в браузере

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

Некоторые из таких сервисов можно даже использовать как онлайн-портфолио. Чтобы показать свои умения, раньше 3D-моделлеру приходилось тратить время на визуализацию моделей с разных сторон и с разными вариантами представления (сетка, сглажено и пр.), создавать на их основе шоурил в видеоредакторе, загружать его в Интернет и т.д. С сервисами для просмотра 3D-моделей в браузере все гораздо проще.

Сервис P3d.in дает возможность загружать модели в формате OBJ на сайт и делиться ими. После загрузки генерируется ссылка вида http://p3d.in/BIcqM. Если перейти по ней, можно рассмотреть модель со всех сторон, повращать ее, приблизить. Очень удобно, что для просмотра могут использоваться разные представления: сетка, сплошной цвет, сетка на сглаженной поверхности и так далее.

Владелец учетной записи может работать со своими моделями в веб-галерее, сортировать их, используя метки, добавлять описания, управлять начальным видом камеры. Возможна и базовая настройка материалов: можно управлять цветом и наличием текстуры для параметров Diffuse и Specularity, а также размещением текстуры на объекте. При переключении на платный аккаунт добавляются возможности по управлению материалами: появляются дополнительные типы карт (Bump, Ambient Occlusion), увеличивается максимально допустимое разрешение текстур, появляется возможность загружать картинки в PNG. Пока что Pro-акаунты только тестируются, поэтому воспользоваться всеми их преимуществами можно совершенно бесплатно.

Sketchfab можно рассматривать как более продвинутый вариант P3d.in. Если предыдущий сайт хорошо подходит для тех, кому нужно время от времени демонстрировать отдельные 3D-модели заказчикам, Sketchfab — это место, где можно создать настоящее онлайн-портфолио.

За 7 долларов в месяц Sketchfab предлагает хостинг полноценного сайта-портфолио вида myname.sketchfab.me, на котором можно разместить информацию о себе и на который можно закачать все свои модели (просто модели, а не изображения, на рендеринг которых нередко уходят долгие часы). Потенциальный работодатель сможет увидеть все модели в 3D и рассмотреть их со всех сторон.

Впрочем, сайтом можно пользоваться и бесплатно. В этом случае создается страница вида sketchfab.com/3dnews, которая похожа на профиль тематической социальной сети. На ней можно увидеть все модели, загруженные пользователем, и число их просмотров. Другие пользователи Sketchfab могут оставить комментарий к модели, сделать пометку «нравится», а также подписаться на обновления.

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

Впрочем, разработчики Sketchfab позаботились о том, чтобы пользователи могли представить свои модели в наилучшем виде. Можно выбирать отображение с использованием шейдеров и сетки или без них, управлять многими параметрами материала, добавлять один из четырех вариантов однотонного фона или размещать модель на фоне изображения (звездного неба, зимнего леса и так далее — всего более 10 вариантов).

Для более качественного показа модели можно также использовать Screen Space Ambient Occlusion (SSAO). В режиме редактирования доступна полезная информация о модели: число треугольников и вершин. Sketchfab поддерживает множество форматов, среди которых OBJ, 3ds, blend, DAE.

⇡#Verold Studio

Verold Studio — самый молодой участник нашего обзора. Проект, запущенный лишь летом прошлого года, создавался уже тогда, когда на рынке существовали Sketchfab и P3d.in, поэтому его разработчики попытались предложить то, чего нет у конкурентов. Первое — это более широкие возможности работы с материалами. В Verold Studio встроен миниатюрный редактор материалов, поэтому возможностей сделать модель красивой тут гораздо больше. Можно добавлять отражения, блики и так далее.

Также доступны разнообразные параметры освещения, причем отдельно можно управлять задним светом, светом заливки, подсветкой. Как и в Sketchfab, на этом сайте можно использовать фоновые изображения и гибко настраивать фон. А вот вариантов представления модели гораздо больше. Можно, например, включить режим визуализации нормалей или UV. Еще одна приятная особенность Verold Studio — загрузка моделей простым перетаскиванием из файлового менеджера.

Читать еще:  Сравнительный обзор Apple Music, Google Play Music и «Яндекс.Музыки»: слушаем облака

В Verold Studio также уделено внимание совместной работе над проектами. Сервис предлагает много социальных функций, в частности многопользовательское обсуждение проектов в реальном времени. Как и на Sketchfab, тут есть возможность подписываться на новые модели пользователя. Правда, по части пользовательских страниц Verold Studio явно отстает — страница профиля с адресом вида studio.verold.com/users/519dd09d6e7eb82000000a2 явно проигрывает простому адресу, который получают пользователи Sketchfab. Да и редактор моделей Sketchfab нам показался нагляднее, так что молодому проекту Verold Studio еще есть над чем работать.

⇡#3D-графика в браузере — для 3D-печати

3D-печать дала новый импульс к изучению трехмерной графики. Многим пока это направление в новинку, но уже сейчас становится понятно, что трехмерные принтеры со временем постепенно станут вполне «домашней» периферией.

Развитие технологий трехмерной печати сделало невозможное возможным. Отныне с помощью трехмерного принтера можно за считаные минуты создавать вещи, на производство которых раньше уходили бы недели. Единственное, что требуется для создания предмета, кроме оборудования, — 3D-модель.

Делать их, конечно, можно и в традиционных программах для работы с трехмерной графикой, но изучение всевозможных 3D-студий на профессиональном уровне занимает немало времени. Процесс создания завершенного проекта в трехмерном редакторе подразумевает несколько этапов, каждый из которых требует навыков в определенной области — в текстурировании, настройке параметров визуализации, подготовке анимации и так далее. Однако для трехмерной печати наиболее важен лишь один этап разработки — 3D-моделирование. И с ним вполне можно справиться, используя веб-приложения для работы с трехмерной графикой.

⇡#3DTin

3DTin — это онлайновый трехмерный редактор, созданный небольшой группой энтузиастов из Мумбаи (Индия) в 2010 году. За относительно короткий срок сервис набрал большое количество пользователей. В мае этого года число зарегистрированных пользователей превысило 100 тысяч человек. Такая популярность закономерна — еще несколько лет назад трехмерный редактор в браузере казался невозможным.

3DTin имеет лишь базовый набор функций для трехмерного моделирования (примитивные трехмерные формы, инструменты трансформации, объемный текст), но даже этого минимального набора инструментов вполне достаточно для построения 3D-сцен. В веб-приложении имеется даже возможность создания анимации!

Если вы никогда ранее не работали в 3D, освоить функции 3DTin будет очень просто. Во-первых, в настройках интерфейса можно выбрать русский язык, а во-вторых, изучать онлайновый редактор можно с помощью видеоуроков, интегрированных в справочную систему веб-приложения.

Созданные в веб-приложении модели могут быть отправлены на популярные сервисы для 3D-печати или же экспортированы в STL, OBJ, DAE. Все данные хранятся в «облаке», поэтому можно не волноваться о сохранности работы. Завершив моделирование на одном компьютере, вы можете спустя некоторое время продолжить работу на другом.

⇡#Tinkercad

Tinkercad был первым 3D CAD-редактором, работающим в браузере. Его основное назначение — создание моделей для 3D-печати. Интерфейс редактора очень напоминает внешний вид программы SketchUP — тут так же просто добавлять трехмерные объекты и манипулировать ими. Изменение размера, перемещение и поворот выполняются перемещением маркеров, которыми окружен объект. При изменении размера можно сразу же увидеть величину модели в миллиметрах или в дюймах — по выбору пользователя. Также присутствуют инструменты для выравнивания и зеркального отображения. В Tinkercad есть множество уже готовых моделей. Это не только геометрические объекты, но и все буквы английского алфавита, цифры, знаки препинания, другие популярные символы (сердце, звездочка). Также можно быстро создать куриные лапы, яйцо и уши зайца.

Готовые проекты могут быть сохранены в форматах STL, OBJ, VRML, X3D и SVG. При желании пользователь может не забивать себе голову форматами, а просто сразу же отправить проект на один из четырех поддерживаемых сервисов для 3D-печати. Файл будет загружен на сервис, а тот уже автоматически определит стоимость печати.

В марте этого года Tinkercad чуть было не закрыли. Его создатели решили сосредоточиться на новом проекте Airstone, закрыли регистрацию бесплатных учетных записей и сообщили о полном прекращении работы сервиса в середине лета 2014 года. К счастью, интересным проектом заинтересовалась компания Autodesk, которая в последнее время активно разрабатывает не только программное обеспечение для работы с 3D и CAD, но и тематические веб-сервисы и мобильные приложения. Неделю назад канадская компания купила Tinkercad, благодаря чему регистрация снова была открыта и пользователи бесплатных учетных записей получили дополнительные возможности. Для freeware-аккаунтов ныне работают все возможности импорта и экспорта проектов, сняты ограничения на число создаваемых дизайнов. Также в рамках обычной учетной записи можно использовать Shape Scripts, создавая собственные 3D-объекты средствами скриптового языка.

⇡#Заключение

Технология WebGl разрушает сложившийся стереотип о том, что браузер — это информационное приложение, пригодное только для просмотра графики, видео и текста. Теперь его возможности куда шире, и даже работа с 3D уже не кажется чем-то особенно необычным. И это — только начало. Самое интересное начнется тогда, когда онлайновые веб-приложения смогут составить конкуренцию десктопным программам. И если судить по возможностям представленных в обзоре сервисов, это будет уже совсем скоро.

Веб в трех измерениях: пять сервисов для работы с 3D-графикой в браузере

Разработка электронных библиотек для PRO100, контакты: телефон МТС +7 (918) 671-81-71 эл. почта art-pro100@mail.ru

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

Заказать скрипты для просмотра 3D моделей мебели:

моб. МТС +7 (918) 671-81-71

эл. почта 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/

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

Внимание! Вы нам модель в 3D формате + текстуры — мы вам скрипты для сайта.

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

Можно сменить браузер (по умолчанию запускается Internet Explorer), для этого открываем блокнотом файл pms_config (диск:/InstantWP_4.ХХ/iwpserver) и меняем в строке BrowserPath=С:/.. на нужный.

ПРИМЕРЫ:

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

офисная трафик 1.72 мб

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

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

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

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

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

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

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

Он ведет себя как обычный настольный 3D-редактор. Просто выберите Переместить (или Повернуть, Масштаб), выберите любой объект и переместите его.

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

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

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

Ссылка на основную публикацию
Статьи c упоминанием слов:
Adblock
detector