ArtemARVR

ArtemARVR

Разработка дополненной и виртуальной реальности www.lookinar.com
Пикабушник
поставил 2 плюса и 0 минусов
107 рейтинг 1 подписчик 1 подписка 3 поста 0 в горячем

AR/VR/MR технологии

Добрый день. Хочу создать сообщество, связанное с технологиями дополненной, виртуальной и смешанной реальности.

Посты, которые будут там располагаться:

1) Новые примеры работ по технологиям

2) Научные открытия и достижения

3) Возможные варианты использования для различных сфер

4) Обзоры очков, шлемов и другого ПО по AR, VR, MR

5) Новости от топовых производителей ПО


Актуальность

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


Ссылки на мои посты

ТОП 10 примеров WebGL технологий

Идеи по использованию дополненной реальности в сфере Культуры и Искусства

ТОП 10 примеров WebGL технологий

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

Что такое WebGL


Согласно википедии, WebGL (Web-based Graphics Library) — кроссплатформенный API для 3D-графики в браузере, разрабатываемый некоммерческой организацией-консорциумом Khronos Group, куда, кстати, входят такие ведущие разработчики браузеров как Google (Chrome), Mozilla (Firefox), и Apple (Safari).


Простыми словами WebGl - это JavaScript API, позволяющий воспроизводить 3D объекты(со всеми настройками света, текстуры и материалов) без использования сторонних плагинов и позволяющая использовать устройства виртуальной реальности (Goole Cardboard, HTC Vive, Oculus и другие) для просмотра VR контента прямо в браузере. При этом, если у пользователя нет оборудования виртуальной реальности, он без проблема может наслаждаться контентом в режиме просмотра 360.


Мы давно занимаемся разработкой дополненной и виртуальной реальности и решили подготовить ТОП 10 примеров с применением WebGl технологии.

1. Дворец Спонца

ТОП 10 примеров WebGL технологий Дополненная реальность, Виртуальная реальность, Web, Длиннопост, Webgl

Невероятные возможности по запеканию света и текстур от фреймворка Baylon.js. В этом примере вы увидите часть дворца Спонца в Хорватии, воссозданного в браузере без необходимости скачивать какие-либо приложения или утилиты. Окунитесь в мир виртуальной реальности без специального оборудования.

Наглядный пример того, какими возможностями обладает фреймворк Babylon.js. Здесь вы обнаружите потрясающую реалистичную графику, причем она будет корректно отображаться во всех демоверсиях WebVR.

Ссылка на проект Дворец Спонжа


2. 3D Web модель с возможностью кастомизации

ТОП 10 примеров WebGL технологий Дополненная реальность, Виртуальная реальность, Web, Длиннопост, Webgl

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

Ссылка на проект 3D обуви


3. Игра бластер от Mozilla VR
ТОП 10 примеров WebGL технологий Дополненная реальность, Виртуальная реальность, Web, Длиннопост, Webgl

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

Ссылка на проект Mozilla VR


4. Konterball WebGl

ТОП 10 примеров WebGL технологий Дополненная реальность, Виртуальная реальность, Web, Длиннопост, Webgl

настольный теннис прямо у Вас в барузере. Выбирайте режим(одиночный или многопользовательский) и начинайте свое путешествие в мир большого спорта. Играйте, учитесь и побеждайте. Используемые библиотеки deepstream.io и three.js, cannon.js.

Ссылка на проект Теннис VR


5. Галерея VR у Вас в браузере

ТОП 10 примеров WebGL технологий Дополненная реальность, Виртуальная реальность, Web, Длиннопост, Webgl

Сейчас, в условиях карантина, посещение мест скопления людей крайне нежелательно, но стремление к великому никто не отменял. В этом примере вы окажетесь в картинной галерее и сможете изучить творения еще не самых известных художников в окне своего браузера. Материалы и текстуры 3D галереи настроены очень качественно, создавая эффект виртуальной реальности. Использован Unity WebGl.

Ссылка на проект Галерея 3D


6. Opera North

ТОП 10 примеров WebGL технологий Дополненная реальность, Виртуальная реальность, Web, Длиннопост, Webgl

Как прорекламировать театральное представление, не раскрывая спойлеров и создав ощущение таинственности? Яркое решение с использованием библиотеки thee.js окунет Вас в волшебный мир остросюжетного триллера в виртуальной реальности.

Ссылка на проект Opera North


7. Игра Web Race

ТОП 10 примеров WebGL технологий Дополненная реальность, Виртуальная реальность, Web, Длиннопост, Webgl

Еще один пример с использованием библиотеки three.js, в котором вы сможете управлять гоночными машинами в дневном и ночном режиме. У Вас будет на выбор две 3D модели машин Gallardo и Veyron, выполненные с высокой степенью детализации. Меняйте камеры обзора и создавайте свои гоночные трейлеры.

Ссылка на проект игры Web Race



8. Dance Time
ТОП 10 примеров WebGL технологий Дополненная реальность, Виртуальная реальность, Web, Длиннопост, Webgl

Этот проект сложно описать словами. Просто переходите по ссылке и Вы все поймете.

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

Ссылка на проект Dance time



9. Веб-игра Учимся летать
ТОП 10 примеров WebGL технологий Дополненная реальность, Виртуальная реальность, Web, Длиннопост, Webgl

Квадратные здания, ночь, Вы играете за пингвина, который учится летать. Управляйте стрелками, избегайте столкновений и пролетите как можно дольше. Игра не отличается качественной 3D графикой, но захватывает своей простой механикой. Очередная мини-игра на технологии WebGl.

Ссылка на проект веб-игры Учимся летать


10. 3D Вода в WebGL

ТОП 10 примеров WebGL технологий Дополненная реальность, Виртуальная реальность, Web, Длиннопост, Webgl

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

Ссылка на проект воды в WebGl

Заключение

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

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

Показать полностью 10

Идеи по использованию дополненной реальности в сфере Культуры и Искусства

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


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


Материал подготовлен на основе исследования компании по разработке дополненной и виртуальной реальности - Lookinar.


Идея 1. Оживающие промо-материалы

Яркими флаерами или раздаточными листовками вряд ли кого-то удивишь. А что, если добавить элемент дополненной реальности, показав посетителям дополнительную информацию? Если наведя камеру телефона на визитку музея, мы сразу увидим несколько картин или экспонатов? Или видео автора, где он рассказывает про одну из своих работ?


Пример

Идея 2. Гид по экспонатам

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


Пример

Идея 3. Новое измерение в AR

Представьте, вы находитесь в музее, наводите камеру мобильного телефона на картину и видите, как картина оживает. Деревья начинают двигаться, слышатся звуки птиц, а изображенные люди начинают что-то делать. Можно пойти дальше и спрятать контент только в дополненной реальности. Например, перед вами Черный Квадрат Малевича, вы наводите на него камеру и видите в дополненной реальности то, что хотел передать автор (если он, конечно, хотел что-то передать).


Пример

Идея 4. История в дополненной реальности

Если до этого мы рассматривали технологии маркерной дополненной реальности, где для запуска контента необходим маркер (изображение, которое является ключом для запуска именно этого контента), то эта идея основана на технология ARKit и ARCore. Для того, чтобы запустить дополненную реальность, Вам надо просто навести камеру телефона на ровную поверхность. Идея в том, что с помощью этих технологий вы можете перенести любое событие из прошлого (а может и будущего) прямо перед собой и посмотреть исторический экскурс. Так, можно увидеть динозавров, отправиться в битву при Ватерлоо или посмотреть первый запуск ракеты в космос. Границ для таких идей просто нет.


Пример

Идея 5. Принудительное погружение в дополненную реальность

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


Пример

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

Однако следует отметить, что дополненная реальность обладает как преимуществами, так и недостатками. Я подготовил свое мнение и буду рад за Ваши мысли в комментариях.

Преимущества

- создает WoW эффект

- вызывает море положительных эмоций

- предоставляет дополнительную информацию в интерактивном виде

является инновационным подходом

- увеличивает вовлеченность и повышает запоминание

- создает дополнительный канал коммуникации с пользователями

- отсутствие ограничений по типу контента

- позволяет собирать статистику для дальнейшего анализа


Недостатки

- необходим интернет

- необходимо скачивать мобильное приложение в 90% случаев

- большая стоимость разработки

- наличие технических ограничений (модели телефонов, контент и тд)

- требует объяснения обычным пользователям


А что вы думаете о технологии дополненной реальности и способах ее применения в сфере искусства и культуры?

Показать полностью 5
Отличная работа, все прочитано!