{"id":14277,"url":"\/distributions\/14277\/click?bit=1&hash=17ce698c744183890278e5e72fb5473eaa8dd0a28fac1d357bd91d8537b18c22","title":"\u041e\u0446\u0438\u0444\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u0438\u0442\u0440\u044b \u0431\u0435\u043d\u0437\u0438\u043d\u0430 \u0438\u043b\u0438 \u0437\u043e\u043b\u043e\u0442\u044b\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f","buttonText":"\u041a\u0430\u043a?","imageUuid":"771ad34a-9f50-5b0b-bc84-204d36a20025"}

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 комментариев
Раскрывать всегда