В феврале прошлого года, я создал виртуальный тур "Мозырь на все 360 градусов". В начале этого года тур обновлялся до версии 1.4.
Используя новые знания и наработки в области HTML5, CSS3 и Javascript, а также новейшее программное обеспечение (Pano2VR5), в начале декабря занялся переработкой виртуального тура.
В новой версии тура реализовано следующее.
Тур стартует со случайно определенной локации. При запуске тура происходит открытие случайной локации. Таким образом пользователь гарантированно сможет увидеть локации, которые он по каким-либо причинам не просмотрел в предыдущих сеансах.
При наведении на хотспот показывается превью. По текстовому описанию, как было в предыдущей версии, трудно догадаться, в какую локацию ведет указатель. Добавление графической информации в виде небольшого фрагмента панорамы позволит пользователь легче понять, в какую локацию он перейдет по нажатию на указатель. О том, что пользователь уже посещал определенную локацию отображается индикатором посещения – метки в правом верхнем углу превью. Индикатор посещения присутствует и в ленте превью.
Отображение расстояний в метрах (километрах) до выбранной локации. Узнать расстояние до определенной локации можно наведя курсор на хотспот.
Обновленный дизайн декстопной и мобильной версии тура. Дизайн десктопной версии изменился не сильно, а вот мобильная версия дизайна полностью переделана. Дизайн стал адаптивным и может подстраиваться под любые разрешения мобильных устройств.
Измененный функционал панели навигации. В панель навигации десктопной версии добавлены кнопки переключения вида управления просмотром (движение/перетаскивание), кнопка управления звуком (фоновая музыка пока не подобрана) и кнопка скрытия/отображения точек перехода (хотспотов).
В тур добавлен компас. Все панорамы тура "североориентированы" – Направление на компасе соответствует направлению панорамы. При нажатии на компас вид устанавливается в направлении на Север;
Имитация бликов объектива. В локациях, в которых в кадре присутствует солнце или другие яркие источники света, при попадании этих источников в область видимости создается красивый эффект аналогично переотражениям в оптической системе объектива.
Управление с помощью гироскопа В мобильных устройствах, оснащенных датчиком гироскопом просматривать локации можно путем изменения ориентации мобильного устройства в пространстве.
Новые локации. На данный момент в туре 50 локаций города. В ближайшее время появятся новые.
Некоторые моменты мобильной версии:
- Переключение в полноэкранный режим осуществляется двойным нажатием в области просмотра. Позже добавлю кнопку.
- Выбранные опции пока не сохраняются, как планировалось сделать.
Если у вас что-то не работает, напишите мне в соцсетях или через форму обратной связи. Пожелания и рекомендации приветствуются.
Тур доступен как приложение ВКонтакте по ссылке