Да! Именно этого нам и не хватало, правда? Списка панорам с превьюшками. 21 сентября krpano обновил плагин combobox, и теперь не нужно колхозить какие-то собственные решения, а можно пользоваться этой фишкой «из коробки».
Долго я не делал эту статью, поскольку наивно полагал, что всё тут и так очевидно. Но, как оказалось, да: всё очевидно, но совсем не так. В заметке я расскажу, как просто и тупо добавить ваш созданный в krpano тур на ваш же сайт.
Коротко: krpano сделали новый редактор тура и добавили крутые комбо-боксы. Теперь расставлять переходы можно непосредственно при помощи krpano Tools, не прибегая к запуску html файла tour_editor, а в углу экрана можно без проблем разместить список панорам с картинками.
А если немного подробнее, то теперь krpano Tools при запуске покажет вам следующее окошко:
Новый редактор krpano
Прям в это окошко можно перетащить ваш tour.xml:
После загрузки тура вы увидите уже довольно привычный интерфейс, в котором можно (по порядку):
Load tour.xml — загрузить другой xml файл тура вместо текущего
Set as startup view — сделать текущий поворот панорамы стартовым
Add hotspot — добавить стрелку перехода (хотспот)
Edit tour.xml — править файлик вручную
Save tour.xml — сохранить tour.xml с заменой (будет сделан автоматический бекап предыдущей версии)
Open tour folder — открыть папку с туром
Интерфейс редактора тура
Из всего перечисленного радует, в основном, кнопка Save tour.xml, которая избавляет от множества лишних движений. Раньше её очень не хватало. А в остальном практически ничего не изменилось. Как пользоваться редактором тура, я рассказал в статье Первые шаги.
Наиболее важно в этих изменениях следующее:
krpano полностью отказались от старого flash редактора. Ура!
Теперь превьюшки панорам обновляются автоматически в соответствии со стартовым направлением. Больше не нужно морочиться с их ручной заменой. Ура ура ура!
Что ещё изменилось (важное для меня)
Новый плагин combobox.xml — теперь на чистом xml, да ещё и с настройками.
Настройки можно весьма недурственно менять, хоть вообще полностью. Вот пример с круглыми уголками (третий на изображении выше):
В этой статье предлагаю простой способ оставить только нужные превьюшки в нижней части окна krpano. Способ не автоматизированный, его можно сильно усовершенствовать, но времени нет. Поэтому принимайте как есть.
Итак, изначально имеет тур с такими превью:
Превьюшки в krpano
Здесь мы видим сразу несколько картинок для бара. Если тур большой, то каждая панорама будет занимать своё место, и превьюшек будет дико много. В итоге разобраться в них очень сложно, гораздо логичнее оставить по одной для каждого помещения.
Как это сделать?
Добавьте в ваши skin_settings в файле tour.xml строкуpreview_count=»»
Выглядеть это будет примерно так:
Это условие проверяет, задана ли переменная preview_count , и если задана, то копирует её значение в переменную preview_counter . В противном случае в эту переменную копируется банальный счётчик сцен (учитываются все панорамы).
Найдите функцию <action name=»skin_addthumbs»> и доработайте её напильником. А именно: После строки add(thumbbarheight, thumbpadding); добавьте код:
Затем найдите строку for(set(i,0), i LT preview_counter, inc(i), и замените константу scene.count на переменную, заданную нами ранее: preview_counter
Должно получиться примерно так:
for(set(i,0), i LT preview_counter, inc(i),
inc(thumb_cnt);
txtadd(thumbname,'skin_thumb_',get(i));
addlayer(get(thumbname));
А ещё лучше подключите этот код отдельным файлом, удалив предварительно из vtourskin.xml
Отсортируйте ваши сцены в файле tour.xml таким образом, чтобы вначале шли те панорамы, которые вы хотите оставить. Просто переносите каждую сцену от <scene> до </scene> выше или ниже, вырезая и вставляя текст.
Вернитесь в пункт 1 и впишите в переменную preview_count=»» число превьюшек, которые хотите оставить в панели. Например, я оставлю только 4 превью: администратор, бар, кафе, жилой этаж. Всё остальное будет скрыто.
В типовом случае вам лучше сначала собрать весь тур, не меняя последовательность сцен, а уже после этого перетащить в конец документа сцены, которые хотите скрыть, и указать число видимых.
Знаю, способ не самый гладкий, и задачу можно решить гораздо красивее, например, отключая отдельные панорамы при помощи переменных. Но мне некогда этим заниматься, да и нет нужды. Пользуйтесь на здоровье тем, что уже есть!
Как всё это работает?
Очень просто. Функция skin_addthumbs проверяет, какое значение имеет переменная preview_count. Если переменная пустая, то в панели превьюшек выводятся все превью от всех панорам, в порядке очерёдности. Если там стоит число, то выводится именно такое количество панорам, как указано в переменной.
Заметил, что посетители попадают ко мне на сайт по запросу «Как сделать маленькую планету в виртуальном туре», но статьи, в которой было бы об этом подробно рассказано, у меня нет. А ведь создание заставки «маленькая планета» в krpano — совсем несложная затея, и отлично работает «из коробки».
Итак, чтобы сделать заставку в виде маленькой планеты, вам понадобится виртуальный тур, созданный в krpano. Если у вас пока что нет своего тура или лицензии krpano, можете использовать мой тур, скачав его на странице.
В статье вы найдете подробную инструкцию, как сделать виртуальный тур с планом или картой этажа.
Руководствуясь прошлыми уроками, вы уже можете собрать собственный виртуальный тур в krpano, можете расставить хотспоты, настроить внешний вид и даже сделать активные области. Однако, немаловажная часть любого виртуального тура — карта, и в этой статье вы узнаете, как добавить карту в ваш виртуальный тур.
В этом уроке вы узнаете, как сделать открывающиеся двери, шкафчики, а также анимировать любую часть виртуальной панорамы средствами krpano.
Эта статья расскажет вам о продвинутой вставке фрагментов панорамы в любую другую виртуальную панораму. Отличие этого способа от ручного заключается в высочайшей точности позиционирования фрагмента: вы можете спокойно вклеивать «открытые» двери и шкафчики, анимировать открытие диванов, окон и других элементов интерьера, добавлять в панораму исчезающих людей.
В этой статье вы узнаете, как изменить различные настройки скина krpano: сделать превьюшки открытыми или закрытыми по умолчанию, настроить их прокрутку, добавить логотип компании. Откройте ваш файл tour.xml и вглядитесь в его строки.
Важно понимать, что за основу для всех превью krpano берёт переднюю грань куба, после чего из неё с помощью кадрирования вырезается нужный фрагмент, который потом, к тому же, масштабируется.
Находится каждый файл в папке вашего тура vtour/panos/XXX.tiles/thumb.jpg
Настраивается отображение превью с помощью кадрирования (crop), указания размеров изображений и интервалов между ними. Все эти настройки задаются в блоке skin_settings вашего файла tour.xml.
ВНИМАНИЕ! С 21 сентября 2017 года большая часть этой информации вам уже не понадобится: теперь Vtour Editor встроен непосредственно в krpano tools, и превьюшки обновляются автоматически, при изменении стартового направления обзора в каждой панораме.
Вы создали виртуальный тур, добавили переходы, сделали подписи панорам, и теперь хотите немного «довести до ума» его внешний вид, чтобы он смотрелся подобающим образом для вашего сайта. Что ж, давайте сделаем это.
Прежде всего, почему я работаю с krpano 1.19, которая пока ещё официально находится на стадии Beta тестирования? Потому что в этой версии движка добавлено очень много классных вещей, о которых мы с вами чуть ниже поговорим.
За кадрирование в krpano отвечает переменная crop. В скобках после названия переменной указываю координаты кадрирования — отступ до целевого фрагмента от левого края (x), от верхнего края (y), а также ширину вырезаемой области (w) и высоту (h). Обозначенный таким способом прямоугольник выводится на экран, а вся остальная часть изображения обрезается.
Использование этого приема позволяет сократить число обращений к серверу и существенно увеличить скорость загрузки виртуального тура.
Консоль krpano по умолчанию скрыта, но её можно вызвать клавишей O в английской раскладке. Консоль нужна для отображения отладочной и служебной информации, версии движка, обладателя лицензии krpano. Например, вызвав в любой функции действие trace(peremennaya_a) — можно вывести в консоль значение этой переменной.
Однако, вы можете столкнуться с тем, что консоль не открывается. Возможно, её открытие заблокировано в шапке одного из xml файлов.
Как запретить появление консоли?
Очень просто. Откройте файл tour.xml или любой другой, подключенный к туру, и в шапку <krpano version=»1.19″ title=»» > добавьте logkey=»false». Также можете заблокировать появление консоли в случае ошибок: showerrors=»false»
Воспользовавшись инструкциями, вы сделали свой первый виртуальный тур, добавили переходы, установили стартовые параметры проекции. Но теперь хочется большего: вам нужно настроить свой тур, сделать его уникальным и непохожим на остальные. В krpano версии 1.19 и новее сделать это совсем несложно, все настройки вынесены в верхнюю часть файла tour.xml.
Вы уже создали свой первый виртуальный тур в krpano, и теперь самое время расставить в нем связи между панорамами, сохранить стартовые параметры проекций, подписать сцены. Давайте приступим. Но сначала нам потребуется определиться с некоторыми понятиями…