ru   en   Сравниваемые отели:  
Подать заявку в свободной форме
Добро пожаловать, Гость   |   Войти  
 
 

Как сделать виртуальный тур

Опубликовано: 13.12.2016

видео Как сделать виртуальный тур

Создание виртуального тура за 12 минут

Сегодня мы добавим в наш уже созданный на прошлом уроке виртуальный тур логотип. Сделаем его кликабельным и чтобы он вел на наш сайт.

Если это первая статья, которую Вы читаете, то:

1. Узнайте требования к своему компьютеру и скачайте саму программу тут

2. Исходники для самостоятельной работы Вы можете скачать тут

Готово?

Тогда поехали!

Как добавить логотип в виртуальный тур в программе Panotour Pro?

Итак. Заходим во вкладку стиль Style, в правой части экрана кликаем по Image zone и дважды кликаем по плагину Logo, чтобы добавить его в наш проект (появиться в левой части экрана).

В строке name мы можем задать свое имя для плагина. Далее выбираете позицию, где будет размещен логотип в туре. В строке Display мы выбираем наш файл логотипа. Формат png предпочтительнее, так как весит мало и сохраняет прозрачность фона.

Логотип в виртуальном туре

Вот что получилось. Пример 1:

Пример 1. Как добавить логотип в виртуальный тур

Далее можем задать более точное положение логотипа с помощью координат x и y. Это отклонение по горизонтали и вертикали.

Пример 2. Логотип в виртуальном 3d туре. Отклонение логотипа 50px по осям x и y.

Пример 2. Как добавить логотип в виртуальный тур

Пример 3. Логотип в виртуальном 3d туре (позиция справа с отклонением по 50px)

Пример 3. Как добавить логотип в виртуальный тур

Предлагаю добавить подсказку к логотипу, которая будет появляется при наведении курсора, делается это в строке Tooltip. А в строке URL укажем адрес сайта, на который будет перенаправлен пользователь при клике по логотипу. В выпадающем списке выбираем пункт “Открывать в новом окне”:

Как добавить подсказку к логотипу в виртуальный тур

Пример 4. Кликабельный логотип в виртуальном 3d туре с подсказкой при наведении.

Пример 4. Как добавить логотип в виртуальный тур

А теперь предлагаю поиграть с размерами логотипа. Размеры задаются в разделе Size. Могут быть как в %, так и в пикселях.

Пример 5. Логотип в виртуальном 3d туре с размерами логотипа 50% на 50%

Пример 5. Как добавить логотип в виртуальный тур

Пример 6. Логотип в виртуальном 3d туре с размерами логотипа в пикселях 50 на 50px

Пример 6. Как добавить логотип в виртуальный тур

Обратите внимание: указывая свои значения ширины и высоты, логотип может деформироваться.

А теперь очень интересный момент! Логотип можно разместить не только в экранных координатах. Но и закрепить его внутри сферической панорамы, выбрав в строке Logoplacement “In the panorama sphere”. Возможно 2 положения: в надире и в зените.

Как добавить логотип в виртуальный тур. Экранные координаты

Пример 7. Логотип в виртуальном 3d туре в надире

Пример 7. Как добавить логотип в виртуальный тур

Пример 8. Логотип в виртуальном 3d туре в зените

Пример 8. Как добавить логотип в виртуальный тур

Осталась последняя вкладка с расширенными настройками плагина. Поставив галочку в первый чекбокс – размер логотипа будет меняться вместе с зумом. см. видео с 6: 10 сек.

Отсутствие галочки позволяет зафиксировать размер логотипа.

Отсутствие галочки в строке “Rotate the logo with the view” фиксирует логотип в одном положении. Полезно, если логотип содержит надписи, которые сложно читать “вверх ногами”.

В строке “Respond to show/hide controls requests” вы можете связать плагин логотипа с основной панелью навигации.


Виртуальный тур в Panotour Pro 2. Как сделать виртуальный тур?

Rambler's Top100
Карта