← Все новости

Новый дизайн 360°-плеера и анимированные хотспоты

|VPano Team
Новый дизайн 360°-плеера и анимированные хотспоты

Сегодня раскатили два больших обновления: новый внешний вид панорамного плеера и вторую версию системы хотспотов. Оба апдейта уже доступны и в классических 360°-турах, и в 3D-проектах — открывать ничего вручную не нужно.

Плеер стал спокойнее и удобнее на телефоне

Главное изменение — внизу плеера теперь одна стеклянная панель, в которой собраны все элементы управления туром. Никаких висящих по углам кнопок: запуск автотура, аудиогид, список сцен и кнопка «поделиться» — всё рядом, под большим пальцем.

Раньше во время автоматического тура сбоку появлялся счётчик «3 из 12» и слегка сдвигал соседние кнопки. Теперь вокруг иконки Play рисуется тонкий прогресс-кольцо. Видно, сколько ещё осталось, и при этом ничего не дёргается. Мелочь, но взгляд за неё больше не цепляется.

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

  • Названия сцен и адреса теперь занимают две строки — длинные адреса и названия остановок не обрезаются.
  • Кнопка «Поделиться» переехала вправо в общую панель — один тап, и ссылка готова.
  • Управление туром удобнее на телефоне: все важные кнопки в одной зоне внизу.
  • Светлая и тёмная тема плеера переключаются автоматически — оформление подстраивается под проект.

Анимированные хотспоты: пять стилей и отдельный «портал»

Хотспоты больше не обязаны выглядеть одинаково. Теперь при создании метки можно выбрать один из пяти стилей: Маяк — пульсирующая светящаяся точка, Стрелка — анимированный указатель направления, Кольцо на полу — спокойная плоская метка под ногами, Информация — собственная иконка с подписью и Метка — анимированный текстовый ярлычок прямо в сцене.

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

Ещё одно важное изменение: у каждого хотспота теперь свой цвет — независимо от общего оформления плеера. Можно подобрать стиль метки под брендинг конкретного проекта или сделать разные категории визуально различимыми (например, информационные — одним цветом, переходы — другим). Не нужно подстраиваться под общую тему интерфейса.

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