{"id":14275,"url":"\/distributions\/14275\/click?bit=1&hash=bccbaeb320d3784aa2d1badbee38ca8d11406e8938daaca7e74be177682eb28b","title":"\u041d\u0430 \u0447\u0451\u043c \u0437\u0430\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0434\u0430\u0432\u0446\u044b \u0430\u0432\u0442\u043e?","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"f72066c6-8459-501b-aea6-770cd3ac60a6"}

Blend4Web: 3D визуализация олимпийских объектов

На сайте зимней олимпиады в Пхёнчхане активно используется 3D для визуализации спортивных строений и карт, но почему это стало настолько масштабным и важным?

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

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

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

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

Десятки крупных зданий, сотни мелких объектов и тщательно восстановленные в 3D интерьеры. Множество спортивных комплексов олимпиады можно изучить не только снаружи, но и внутри. Например, это тот хоккейный дворец, где наша команда взяла золото!

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

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

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

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

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

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

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

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

Кстати, следующая ступень развития 3D в браузерах — возможности, предоставляемые устройствами виртуальной реальности. Кто его знает, возможно для следующей олимпиады будут сделаны презентации с использованием устройств VR.

0
2 комментария
Никита Бабин

Кто знает - этот Blend for WEB?
Кто-то пользовался?
Впечатления?
Комментарии?

Мы до сих пор по старинке 3Д делаем, на WEBGL + Unity.

Ответить
Развернуть ветку
Виктор Королев

Знакомо. Есть некоторые нюансы по b4w:
Плюсы. Заточен исключительно под 3D для веба. Имеет встроенный визуальный редактор логики и развитое API. Хорошая документация. В качестве редактора требует знание Blender, именно в нем и происходят вся магия сборки сцен. Хоть движок и имеет достаточный функционал для создания игр, но больше всего его используют для создания всякого рода 3D презентаций, конфигураторов. Мало того, в последний год разрабы приложили массу усилий именно для упрощения создания таких программ.

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

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
-1 комментариев
Раскрывать всегда