Blend4Web: 3D визуализация олимпийских объектов
На сайте зимней олимпиады в Пхёнчхане активно используется 3D для визуализации спортивных строений и карт, но почему это стало настолько масштабным и важным?
Когда нам нужно получить ту или иную информацию, мы часто обращаемся за помощью к интернету. Наиболее удобным вариантом являются аудиовизуальные материалы. Однако в последнее время большую силу набирает новая мода — использование трехмерного контента на страницах сайтов.
Совсем недавно прозвучал анонс Facebook о возможности размещения 3D-объектов в постах пользователей, наравне с изображениями и видео. Таким образом, использование трехмерных сцен выходит на бытовой уровень.
В самом деле, наиболее популярными устройствами для выхода в сеть Интернет являются мобильные девайсы, которые прогрессировали до такой степени, что даже бюджетные модели справляются с 3D без особых проблем. Поэтому использование 3D на сайтах становится обыденностью, но давайте вернемся к официальному ресурсу Олимпиады 2018.
Легко узнаваемый символ в центре площадки, да и форма здания говорят о том, что строение — олимпийский стадион, где проходили мероприятия Зимней Олимпиады 2018. Но если вы сочтете, что это спутниковый снимок или удачная фотография, то глубоко ошибетесь. На самом деле, изображение было сделано с одной из множества 3D-презентаций, которыми так изобилует официальный сайт олимпиады.
Десятки крупных зданий, сотни мелких объектов и тщательно восстановленные в 3D интерьеры. Множество спортивных комплексов олимпиады можно изучить не только снаружи, но и внутри. Например, это тот хоккейный дворец, где наша команда взяла золото!
Наверное, вы уже перешли по ссылкам выше и полюбовались на красочные презентации, которые смотрятся весьма натурально, но зададимся вопросом, насколько сложно это было сделать?
Особенность создания трехмерного объекта в том, что, чем выше детализация, тем более реалистично он будет выглядеть. Бездумное усложнение приводит к серьезной нагрузке на аппаратную часть устройства, воспроизводящего 3D, и требует соответствующего времени на моделирование. А если оценить с точки зрения сложности те десятки презентаций, что есть на сайте олимпиады, то можно восхититься усидчивостью разработчиков.
На самом деле была использована особая технология создания 3D-объектов, где смешивались реальные фотографии с трехмерными элементами. При этом высокая детализация обеспечивалась только для создания ключевых строений, а все остальные являются «прикрытием» для фотографий. Именно это позволило авторам презентаций быстро и в срок разработать сотни моделей для презентаций.
Но есть еще одно немаловажное условие — подходящая среда разработки. Создавать подобные презентации с нуля, используя «голые» 3D-движки – баснословная потеря времени. Поэтому разработчики презентаций выбрали, наверное, самый технологичный фреймворк, который ориентирован на создание 3D презентаций исключительно для воспроизведения в веб-браузере — Blend4Web.
Красота — это лишь одна из сторон трехмерных презентаций, которые были созданы для сайта Олимпиады. На самом деле, они предлагают уникальную возможность ориентирования на местности и поиска нужного строения.
Представьте типичную ситуацию, в которую не раз попадали гости, прибывшие на спортивные состязания. Не зная города, местности и языка, им приходилось обращаться за помощью на официальный сайт. Реалистичные 3D карты позволяли быстро найти нужное место. Для этого разработчики добавили специальный режим, который включал подсветку и текстовые разъяснения всех ключевых объектов, будь то точки общепита, гостиницы или социальные пункты. Конечно, можно использовать обычные схематичные карты, которые также представлены на сайте параллельно с 3D. Но последние удобнее, благодаря реалистичной картинке.
Еще один пункт, на который стоит обратить внимание — информативность. Некоторые карты предлагают своеобразные виртуальные туры по трассам и ключевым местам движения спортсменов, например, биатлонистов. Тщательно воссозданные траектории и текстовые сообщения позволяют лучше представить особенности данного вида спорта, а также место на трибуне, которое стоит занять для наиболее выгодного просмотра конкретного состязания.
Итак, 3D в веб-браузерах уже становится обыденностью и предлагает лучшие возможности для визуализации разных объектов. Однако, вместе с привлекательностью стоит учитывать еще один момент — интерактивность. Ведь именно она позволяет посетителям сайта взаимодействовать с программой и получать от этого максимальный эффект. Массовое использование 3D-презентаций для столь высоконагруженного проекта, как сайт Олимпиады, показывает готовность и необходимость этого типа контента.
Кстати, следующая ступень развития 3D в браузерах — возможности, предоставляемые устройствами виртуальной реальности. Кто его знает, возможно для следующей олимпиады будут сделаны презентации с использованием устройств VR.
Кто знает - этот Blend for WEB?
Кто-то пользовался?
Впечатления?
Комментарии?
Мы до сих пор по старинке 3Д делаем, на WEBGL + Unity.
Знакомо. Есть некоторые нюансы по b4w:
Плюсы. Заточен исключительно под 3D для веба. Имеет встроенный визуальный редактор логики и развитое API. Хорошая документация. В качестве редактора требует знание Blender, именно в нем и происходят вся магия сборки сцен. Хоть движок и имеет достаточный функционал для создания игр, но больше всего его используют для создания всякого рода 3D презентаций, конфигураторов. Мало того, в последний год разрабы приложили массу усилий именно для упрощения создания таких программ.
Минусы в неудобном лицензировании. Бесплатная лицензия позволяет использовать веб-плеер для полноценного проигрывание 3D сцен, т.е. с программным окружением, анимацией и всего того, что поддерживает движок. Однако, писать код на js нельзя, только использовать визуальную логику. Платная - очень дорогая. Ранее была вдвое дешевле, тогда и приобрели. Сейчас невыгодно, но упорно ходят слухи, что скоро будут существенные изменения в ценовой политике
Комментарий удален модератором