Рубрики
Пошаговый учебник Создание виртуальных туров в 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″]

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

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

Здравствуйте, почему -то не работает MAKE PANO (MULTIRES) droplet в krpano-1.19-pr16
При перетаскивании на него панорам ничего не получается. В предыдущей версии всё работало.

Здравствуйте Павел! Спасибо за статью. Только что купил лицензию, но у меня вот как отображается папка с туром http://prntscr.com/hxehrh т.е. перечисленные вами 4 файла tour на месте, но вместо едитора там два файла testingserver.

Павел, добры день! Сейчас есть рабочие ломанные версии Panotour Pro, с пиратской лицензией krpano. Чем может быть опасно использование туров сделанных там? Они просто в определенный момент перестанут открываться? или есть еще какие моменты? Спасибо!

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

Добрый день! Павел, в первую очередь хочу поблагодарить за весьма полезную информацию! И у меня небольшой вопрос — какие именно компоненты krpano надо приобрести из представленых на официальном сайте 1. Krpano license 2. Krpano maps plugin license 3. Krpano branding free license
Заранее Спасибо!
Отдельно огромный вопрос возникает с загрузкой панорам и туров на свой сайт, на вордпрес.
Подскажите, пожалуйста, каком направлении искать информацию?

Здравствуйте! Для полноценной работы достаточно 1 пункта — обычной лицензии. Если планируете в будущем делать большие туры с привязкой к картам, 2 пункт может быть интересен. Но в крайнем случае всегда можно докупить.
3 пункт это просто лицензия, в которой не будет отображаться название движка. На функционал никак не влияет.
Загружаются туры на сайт папкой через FTP сервер, потом просто ставите на странице ссылку, и всё. Если с FTP работаете, то никаких вопросов не будет. Если нет, поставьте Filezilla, узнайте у вашего хостера данные FTP аккаунта, и вперед.

Скачал и купил krpano.
Создал виртуальный тур с помощью дроплета, тур открывается без проблем.
Решил посмотреть, что лежит в папке с самим krpano. Захожу в папку viewer, открываю файл krpano.html, браузер пишет ошибку Fatal Error: krpano.xml — loading failed. A network error occured. Также не открывается ни один Example.
Mac OS, Safari.

А зачем вам открывать krpano.html? Что вы хотите от него получить? Это просто болванка.
Кстати, в свежих версиях крпано туры не запускаются просто щелчком по html файлу. Чтобы запустить тестовый тур, нужен тестовый сервер krpano (статья).

Павел, подскажите, пожалуйста, покупали ли Вы дополнительно krpano Maps Plugin License и krpano Branding Free License?
Если да, то в каких случаях вы используете Maps и насколько критично для заказчика строка в контекстном меню ‘About krpano’?

Добрый день, Александр. Карты покупал, а расширенную лицензию нет.
По моему мнению, ссылка на krpano вообще ни разу не критична, тем более что я отредактировал контекстное меню и вставил туда ссылку на свой сайт.
Картами пользовался, по-моему, всего один раз, вот для этого тура. Раздражает, что язык там только английский, хотя я не разбирался.
Во всех остальных виртуальных турах я использую самодельные планы этажей. Вот пример такого тура.
Карта в туре krpano

Здравствуйте, тур сделан в демо версии , можно его вставить на сайт или там защита стоит. Пробовал не получилось.

У меня сайт на Joomla. Я проверяла, демо версия прекрасно работает.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.