Как сделать заставку «маленькая планета» в виртуальном туре krpano?

Заметил, что посетители попадают ко мне на сайт по запросу «Как сделать маленькую планету в виртуальном туре», но статьи, в которой было бы об этом подробно рассказано, у меня нет. А ведь создание заставки «маленькая планета» в krpano — совсем несложная затея, и отлично работает «из коробки».

Итак, чтобы сделать заставку в виде маленькой планеты, вам понадобится виртуальный тур, созданный в krpano. Если у вас пока что нет своего тура или лицензии krpano, можете использовать мой тур, скачав его на странице.

Скачав тур и распаковав архив, вы увидите папку примерно такого содержания:

Файлы виртуального тура
Файлы виртуального тура

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

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

Чтобы сделать заставку в виде маленькой планеты, вам понадобится стандартная функция, добавленная создателями этого панорамного движка. Открыв файл tour.xml в текстовом редакторе, вы увидите примерно следующие строки:

Здесь нас интересует одна строчка:  littleplanetintro="false"  — имено этот параметр отвечает за вызов функции заставки «маленькая планета». Просто поменяйте его на  littleplanetintro="true" и обновите страничку в браузере.

Маленькая планета krpano
Маленькая планета krpano

Вот как выглядит этот тур у меня.

Всё, теперь у вас есть заставка «маленькая планета», которая сразу после загрузки браузера красиво перетекает в нормальный ракурс, который вы выбрали для этой панорамы в предыдущем уроке. Маленькая планета запускается только 1 раз, при открытии виртуального тура. Если вы используете deeplinking, то можете скопировать ссылку на любую из панорам виртуального тура, а также ракурс. Открыв тур по этой ссылке, зритель увидит сначала заставку Маленькая планета, а через несколько секунд проекция сменится и покажет зрителю тот ракурс, ссылку на который вы скопировали в адресной строке.

На текущий момент «маленькая планета» работает на всех современных устройствах, в том числе на Android и iOS.

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

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

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