4. Как создать виртуальный тур с переходами

Вы уже создали свой первый виртуальный тур, в krpano, и теперь самое время расставить в нем связи между панорамами, сохранить стартовые параметры проекций, подписать сцены. Давайте приступим. Но сначала нам потребуется определиться с некоторыми понятиями…

Базовые термины krpano.

Виртуальным туром мы будем называть всю совокупность панорам, добавленных в krpano, связанных переходами, с интерфейсом управления и т.д.

Сценой будем называть одну отдельную панораму в рамках виртуального тура.

Хотспотом (hotspot) будем называть стрелку-переход, которая ведет к следующей панораме, вызывает подсказку, открывает изображение, и привязана к координатам панорамы. Хотспот «связан» с определенным местом в панораме, он может указывать на дверь, окно или любой другой объект. Хотспотом может быть как стрелка, так и любое другое изображение.

Панель навигации — нижняя панель с размещенными на ней кнопками-стрелками, кнопкой полноэкранного режима, карты, превьюшек и т.д.

Превью (Preview, превьюшка) — уменьшенное изображение, подсказывающее зрителю, к какой панораме будет совершен переход. Превьюшки создаются программой по умолчанию и открываются с помощью кнопки Кнопка открытия превью, расположенной в панели навигации. Превью могут вызываться и в других частях виртуального тура.

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

Базовый виртуальный тур krpano

Если у вас пока нет своего виртуального тура, а создать свой вы почему-то не можете или это просто неудобно, можете воспользоваться готовым виртуальным туром (скачать).

После перетаскивания файлов панорам на дроплет (описано в этой статье) вы получили набор из нескольких файлов в папке vtour\, и даже успели убедиться, что панорама открывается:

Виртуальный тур krpano
Виртуальный тур krpano

Однако, нас здесь не устраивает ряд моментов.

  1. Панорамы не связаны между собой стрелками-переходами (хотспотами)
  2. Стартовые параметры обзора для большинства панорам нас не устраивают, везде хочется «повернуть» обзор.

Редактирование параметров обзора

Откройте файл tour_editor.html в Google Chrome, и увидите следующее окно:

Виртуальный тур в krpano - интерфейс редактора
Виртуальный тур в krpano — интерфейс редактора

Чтобы сохранить направление просмотра текущей панорамы, нажмите кнопку Set as startup view (левая верхняя). Но не спешите обновлять страницу, чтобы посмотреть, как все это выглядит!

Теперь сохраните измененный tour.xml в папку с вашим виртуальным туром, для этого нажмите кнопку save tour.xml, после чего укажите папку, в которой находится ваш виртуальный тур. Если все нормально, вы должны заменить старый файл tour.xml новым. Осторожно! Если ошибетесь с папкой, можете случайно удалить самый главный файл какого-то другого тура.

После замены tour.xml можете обновить страницу с панорамой и убедиться, что новые параметры обзора сохранились.

Добавляем в виртуальный тур хотспоты

Чтобы добавить стрелку-переход, повернитесь в панораме в нужную сторону и нажмите кнопку add hotspot. На экране появится стрелка, и теперь ее можно передвинуть левой кнопкой мыши. Когда хотспот расположен на своем месте, нажмите done. Если передумали, нажмите cancel.

Вставка хотспота в тур
Вставка хотспота в тур

После нажатия done появится диалоговое окно выбора связанной сцены. Выберите нужную сцену из списка и нажмите done.

Выбор связанной сцены
Выбор связанной сцены

Таким образом можете добавить хотспоты во все панорамы или в несколько, затем сохраните tour.xml c заменой.

Советую называть файлы панорам латиницей и коротко. Кириллические символы в названиях файлов панорам не используйте, krpano их не поддерживает. Ничего ужасного не произойдет, но имена ваших панорам в туре и структуре папок будут выглядеть примерно так: _________

Если ошиблись с каким-то хотспотом, нажмите наверху delete hotspots и щелкните стрелки, которые вам нужно удалить. Также можете двигать хотспоты с помощью кнопки move hotspots.

Виртуальный тур с переходами готов (смотрите, как он выглядит у меня). В следующей статье вы узнаете, как добавить свои подписи к панорамам и внести изменения в интерфейс.

Уроки по созданию виртуальных туров
Уроки по созданию виртуальных туров

Добавить комментарий

Ваш e-mail не будет опубликован.