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 (на английской раскладке), скопируйте сообщения, которые появились внизу, и пришлите сюда в комментарии. Я помогу.

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

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

  • 06.03.2017 в 01:47
    Permalink

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

    Ответ
    • 06.03.2017 в 13:17
      Permalink

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

      Ответ
  • 06.11.2016 в 10:09
    Permalink

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

    Ответ
    • 06.11.2016 в 21:12
      Permalink

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

      Ответ
  • 02.11.2016 в 11:59
    Permalink

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

    Ответ
    • 02.11.2016 в 12:27
      Permalink

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

      Ответ
  • 31.05.2016 в 03:33
    Permalink

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

    Ответ

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

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