WebVR-сайт Белой башни — полноценная виртуальная экскурсия с погружением в эпоху конструктивизма. Надевая VR-шлем, пользователь может покрутить в руках детали башни, послушать и почитать о жизни башни на русском и английском. Сайт адаптивный и доступен к просмотру на десктопе, на смартфонах и планшетах. Любой человек из любой точки мира с любого устройства может оказаться внутри Белой башни, погулять по ней, осмотреть с разных сторон. Для этого мы не только создали 3D-реконструкцию башни по реальным чертежам, но сняли фотопанорамы внутри и снаружи башни.
С момента, когда технология WebVR окрепла и появились первые референсы, нам очень хотелось сделать с ее помощью что-нибудь полномасштабное, красивое и резонансное. Белая башня в Екатеринбурге, построенная для соцгородка крупнейшего завода Уралмаш, — уникальный архитектурный объект с тяжелой судьбой. Для нас важно было не только распробовать новую технологию, но и привлечь внимание к Белой башне и помочь сохранить ее.
Белая башня — идеальный объект для VR. Это сложная конструкция, которую хочется разобрать на части, чтобы рассмотреть каждую со всех сторон. Мы собрали все архивные материалы и старые чертежи, разбили их на 10 сцен и нарисовали эскизы сразу в виде 360-панорам в Affinity. Затем создали 3D-модели объектов в Blender и расположили их в трехмерном пространстве в соответствии с эскизами. Нарисовали отдельно иллюстрации в стиль. Для сборки сайта мы использовали фреймворк Three. js. Каждая сцена упакована в отдельный файл — так проще вносить правки и исправлять баги.
Чтобы сайт работал на любых устройствах, мы применили те же технологии, что и в производстве игр — максимально упростили модели, снизив количество точек и полигонов. Свет, тени и рефлексы мы зафиксировали в текстуре самих объектов, чтобы конечному устройству не нужно было просчитывать освещение при их передвижении. Так всё работает значительно быстрее.
WebVR-сайт можно посмотреть на любой VR-гарнитуре: Samsung GearVR, Oculus Go, Oculus Rift, HTC Vive. Неважно, сколько в вашей гарнитуре контроллеров и сколько измерений они понимают. Взаимодействовать с объектами можно и с 3DoF-контроллерами, и с 6DoF.
Спустя несколько дней с запуска наш сайт попал в подборку на главную страницу Muzli, снискал признание международного дизайнерского сообщества: получил статус Site of the Day на конкурсах Awwwards, CSS Design Awards и FWA. Вызвал море положительных откликов в соцсетях, в основном от иностранцев.
Запуск состоялся 14 октября 2019. По итогам:
более 15 000 посещений за первую неделю,
более 35 000 посещений за первый месяц.
Широкая география пользователей, топ-5 стран:
1. Россия — 6 500 пользователей,
2. Америка — 2 900,
3. Индия — 2 300,
4. Франция — 1 800,
5. Великобритания —1 400.
А главное, возможность поддержать Белую башню оказалась интересной не только пользователям из России, но и по всему миру. Согласно данным статистики только половина людей, перешедших на страницу поддержки проекта, из России. Следом: Индия, Китай, Южная Корея, Америка, Германия, Бразилия, Франция и Великобритания.
Выставлено в номинациях:
— Промо-сайт мероприятия, концерта, выставки, конференции, объекта культуры
— Лучший сайт некоммерческой или благотворительной организации
— Лучший дизайн компании, сервиса
Голосование завершено, итог по народному голосованию: 20
Средний балл оценок жюри — 8Калаус Нина | 7 |
Тютюников Владислав | 8 |
Соколов Константин | 8 |
Квартальнов Роман | 7 |
Щербина Александр | 10 |
Бородкин Алексей | 9 |
Макаров Антон | 8 |
Бормотов Иван | 8 |
Харчиков Дмитрий | 9 |
Великина Екатерина | 7 |