Рубрики
Интересные фишки krpano Создание виртуальных туров в krpano

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

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

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

Рубрики
Пошаговый учебник Создание виртуальных туров в krpano

2. Знакомство с krpano. Первые шаги.

В предыдущем материале я привёл аргументы, почему выбрал движок krpano. В этой части расскажу, как начать с ним работу. Не нужно ничего изобретать, скачайте дистрибутив программы с официального сайта krpano.com и распакуйте архив в папку на компьютере.

Совет: в некоторых случаях могут быть проблемы при работе с кириллическими адресами, поэтому лучше размещать дистрибутив krpano в папках, не содержащих русских букв в имени.

Например, папка D:\krpano подойдет, а D:\мои документы\krpano – не подойдет. Лично у меня в корне диска находится папка krpano, а в ней уже лежат дистрибутивы разных версий и с разными скинами. То же правило касается туров, с которыми вы будете работать: они не должны лежать в папках, в адресе которых есть кириллические символы, иначе виртуальный сервер krpano не заработает.

На Маке у меня все прозаичнее – все версии krpano находятся в папке программ.

Рабочие файлы krpano
Рабочие файлы krpano

Вот вы скачали и распаковали программу. Все, можно приступать к работе. Движок полностью функционален, но в незарегистрированной версии все изображение будет расписано копирайтами. Также копирайт будет в центре экрана при просмотре панорам. В остальном никаких ограничений нет.

Установка не требуется, вы можете носить все файлы на любом носителе и копировать куда угодно.

Как купить krpano

Приобрести лицензию можно на официальном сайте krpano.com. Если у вас возникают проблемы (а у меня они были, не мог зарегистрироваться на сайте по непонятным причинам), пишите в техподдержку, — вам обязательно ответят и предложат решение проблемы. Например, меня направили в другой интернет-магазин, где я купил лицензию по той же цене, что на официальном сайте, и безо всяких проблем.

Как зарегистрировать krpano

Запустите файл krpano Tools (красненький), и в открывшемся окне введите ваш ключ, который получили на почту после покупки программы. После проведения активации вы увидите галочки на тех пунктах, которые вам доступны в соответствии с типом приобретенной вами лицензии.

Лицензия krpano
Лицензия krpano

При следующем открытии krpano Tools вы увидите уже другое окно, в котором можно делать несколько очень полезных операций, но об этом позже.

Программа зарегистрирована (или нет), и мы можем приступать к работе.

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

Забегая вперед и не вдаваясь ни в какие подробности, просто возьмите ваши файлы панорам, лежащие в произвольной папке, и перетащите их на файл с названием MAKE VTOUR (MULTIRES) droplet. А если у вас пока нет таких файлов, скачайте проекции панорам по этой ссылке, распакуйте в отдельную папку, и работайте с ними.

Перетащите ваши эквидистантные проекции панорам на дроплет
Перетащите ваши эквидистантные проекции панорам на дроплет

Откроется окно терминала (белое на mac, черное на windows), там побегут какие-то строчки, и вскоре рядом с вашими файлами появится новая папка под названием vtour.

Терминал krpano
Терминал krpano

Открыв папку, вы увидите несколько файлов.

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

Откройте файл tour.html, и увидите ваш виртуальный тур. Или не увидите.

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

Или не увидели? Если что-то пошло не так, и перед вами оказался черный экран вместо тура, отображенного на картинке выше, не спешите огорчаться. В некоторых браузерах тур может не открыться из-за параметров безопасности (а сейчас, на конец 2016 года, он не открывается ни в одном браузере). Если такое произошло, не расстраивайтесь, ведь это нормально. Чтобы виртуальный тур работал, ваш браузер должен думать, что открывает его из интернета. Для этого в составе krpano есть виртуальный сервер. Откройте ссылку, сделайте всё как описано там, и возвращайтесь сюда. Теперь у вас есть рабочий тур, открытый в браузере.

Рассмотрим список дроплетов krpano.

Дроплеты krpano и их назначение

Дроплеты это небольшие скрипты, которые выполняют определенные задачи. Чтобы активировать тот или иной дроплет, нужно просто перетащить на него несколько файлов.

  • Convert SPHERE to CUBE – конвертирует изображение из эквидистантной проекции в грани куба. Дроплет нужен, чтобы из панорамной “простыни” получить грани куба. Например, для ретуширования надира (пола)
  • Convert CUBE to SPHERE – конвертирует изображение из граней куба в эквидистантную проекцию. Дроплет нужен, чтобы после редактирования граней куба преобразовать панораму в единый файл, который удобнее хранить.
Эквидистантная и кубическая проекция
Эквидистантная проекция и грани куба

При выполнении дроплетов конвертирования, описанных выше, krpano всегда преобразует ваше изображение в TIFF с глубиной цвета 16 бит. И это правильно, т.к. потери качества при конвертации должны быть минимальны, а 16-битный tiff обеспечивает неплохой цветовой охват и, следовательно, меньшие потери.

  • MAKE OBJECT – создает из множества файлов VR объект. Чтобы отработал успешно, перетаскивайте на дроплет несколько изображений одного и того же предмета, вращающегося вокруг своей оси. На выходе будет сгенерирован «объект», который можно «крутить» с помощью мыши. При этом программа последовательно меняет кадры, создавая эффект псевдо 3д.
  • MAKE PANO (FLAT) droplet – создает “плоскую” панораму, которая автоматически дробится на фрагменты (tiles), которые подгружаются в зависимости от разрешения монитора и увеличения отдельных фрагментов изображения пользователем. Подходят для гигапанорам.
  • MAKE PANO (MULTIRES) droplet – создается сферическая или цилиндрическая панорама с мультирезолюшеном (будет корректно отображаться как на маленьких мониторах нетбуков, так и на больших мониторах).
  • MAKE PANO (SINGLE-SWF) droplet – для любителей умерших технологий. Flash никому не нужен, так что забудьте про этот дроплет.
  • MAKE VTOUR (MULTIRES) droplet – генерирует виртуальный тур с мультирезолюшеном, уменьшенными изображениями для каждой панорамы, кнопками управления, опциональными подписями и стрелками-переходами. Именно им вы будете пользоваться чаще всего. Все файлы помещаются в папку vtour\ — рядом с вашими панорамами.
  • MAKE VTOUR (NORMAL) droplet – создает виртуальный тур без мультирезолюшена в максимально допустимом для кубической проекции разрешении. Не гарантирвана стабильная работа на мобильных устройствах, недостаточное разрешение для больших мониторов. Все файлы помещаются в папку vtour\ — рядом с вашими панорамами.

Теперь просто возьмите ваши ранее созданные панорамы в виде эквидистантных проекций и перетащите на дроплет MAKE VTOUR (MULTIRES) droplet. Откроется окно терминала, в котором вы сможете наблюдать, на какой стадии находится создание вашего виртуального тура, а точнее, его “рыбы”. Через несколько секунд (минут) тур будет готов, и в папке рядом с панорамами появится папка vtour\

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

В ней находится несколько файлов и папок. Поговорим о них подробнее.

Файлы виртуального тура, созданного в Krpano

panos\ – в этой папке находятся «нарезанные» изображения, составляющие вашу панораму, уменьшенные картинки для каждой панорамы и превью, которые загружаются в первую очередь и выглядят размытыми, пока панорама грузится.

skin\ – папка, которая содержит все элементы интерфейса вашего тура, включая изображения и файлы xml.

plugins\ – папка, в которой содержатся xml, js и swf плагины, без которых работа многих функций вашего виртуального тура была бы невозможна.

tour.xml – в этом файле хранится информация обо всех панорамах вашего тура, ссылка на файл с информацией о графическом интерфейсе и базовые настройки тура.

tour.swf – обеспечивает работу виртуального тура на устройствах с поддержкой Flash, например, Google Chrome. Однако, тот же Chrome великолепно справился бы и без этого файла, открыв тур в режиме html5. Тем не менее отказываться от файла пока что преждевременно. Например, редактор тура krpano по-прежнему работает на flash.

tour.js – важный файл, отвечает за интеграцию тура в страницу, его корректное отображение на устройствах как с поддержкой flash, так и без нее, занимается определением типа устройства и подгрузкой соответствующих файлов виртуального тура.

tour.html – файл, в котором показан пример встраивания тура в веб-страницу. Именно это файл нужно открывать в браузере, если хотите посмотреть, как выглядит созданный вами тур.

tour_editor.html – файл, при запуске которого к вашему виртуальному туру подключается редактор, с помощью которого можно превратить набор панорам в связанный виртуальный тур.

Я предпочитаю для работы с виртуальными панорамами пользоваться Google Chrome с включенными инструментами разработчика (CTRL+SHIFT+I для Windows, CMD+SHIFT+I для MAC). Однако, если вы поклонник Firefox и Firebug, нет никаких проблем. Пользуйтесь этим комплектом.

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

Об этом поговорим в следующей статье.

Что делать, если после создания тура вы открываете файл tour.html в браузере, но вместо него видите чёрный экран и какие-то надписи? 

Прежде всего, не паникуйте.

  • Возможно, вы запустили tour.html в одной из старых версий Firefox, которая не поддерживает работу с html5 в офлайн-режиме. Прежде всего, попробуйте открыть тур в Google Chrome. Скорее всего, всё у вас получится.
  • Возможно, вы запустили tour_editor.html в браузере, не поддерживающем Flash. Запустите файл в Google Chrome или установите Flash player для вашего браузера. Правда, Firefox скоро полностью откажется от Flash, поэтому на текущий момент выбор один — пользоваться Хромом.
  • Используйте Krpano Testing Server

Возникла другая проблема? Откройте созданный тур, нажмите клавишу O (на английской раскладке), скопируйте сообщения, которые появились внизу, и пришлите сюда в комментарии. Я помогу.
[widget id=»nav_menu-2″]

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