krpano 1.19.13 — важное обновление для тех, кто делает туры!

Коротко: krpano сделали новый редактор тура и добавили крутые комбо-боксы. Теперь расставлять переходы можно непосредственно при помощи krpano Tools, не прибегая к запуску html файла tour_editor, а в углу экрана можно без проблем разместить список панорам с картинками.

А если немного подробнее, то теперь krpano Tools при запуске покажет вам следующее окошко:

Новый редактор krpano
Новый редактор krpano

Прям в это окошко можно перетащить ваш tour.xml:

После загрузки тура вы увидите уже довольно привычный интерфейс, в котором можно (по порядку):

  1. Load tour.xml — загрузить другой xml файл тура вместо текущего
  2. Set as startup view — сделать текущий поворот панорамы стартовым
  3. Add hotspot — добавить стрелку перехода (хотспот)
  4. Edit tour.xml — править файлик вручную
  5. Save tour.xml — сохранить tour.xml с заменой (будет сделан автоматический бекап предыдущей версии)
  6. Open tour folder — открыть папку с туром
Интерфейс редактора тура
Интерфейс редактора тура

Из всего перечисленного радует, в основном, кнопка Save tour.xml, которая избавляет от множества лишних движений. Раньше её очень не хватало. А в остальном практически ничего не изменилось. Как пользоваться редактором тура, я рассказал в статье Первые шаги.

Наиболее важно в этих изменениях следующее:

  • krpano полностью отказались от старого flash редактора. Ура!
  • Теперь превьюшки панорам обновляются автоматически в соответствии со стартовым направлением. Больше не нужно морочиться с их ручной заменой. Ура ура ура!

Что ещё изменилось (важное для меня)

Новый плагин combobox.xml — теперь на чистом xml, да ещё и с настройками.Новые комбобоксы krpano

Настройки можно весьма недурственно менять, хоть вообще полностью. Вот пример с круглыми уголками (третий на изображении выше):

	<combobox_design name="rounded" margin="3" open_close_speed="0.25">
		<style name="combobox_container_style"
			bgcolor="0xFFFFFF"
			bgalpha="0.95"
			bgborder="1 0xFFFFFF 0.5"
			bgroundedge="5"
			bgshadow="2 4 20 0x000000 0.5"
			/>
		<style name="combobox_marker_style"
			css="color:#999999;"
			bg="false"
			txtshadow=""
			/>
		<style name="combobox_item_style"
			css="color:#222222;"
			padding="4 4"
			bg="false"
			bgcolor="0xCCCCCC"
			bgalpha="1.0"
			bgroundedge="3"
			txtshadow=""
			onoveritem="set(css, 'color:#2277FF;');"
			onoutitem="set(css, 'color:#222222;');"
			/>
	</combobox_design>

Но что ещё приятнее, теперь combobox умеет показывать список панорам!

Список панорам

Чтобы у вас было так же, нужно использовать примерно следующий код:

<combobox name="cbscenes" design="vtour" align="leftbottom" x="10" y="10" onloaded="add_scene_items();" />

А функция add_scene_items имеет примерно такой вид:

	<action name="add_scene_items" scope="local">
		for(set(i,0), i LT scene.count, inc(i),
			caller.additem(calc('[img src=[dq]' + scene[get(i)].thumburl +  '[dq] style=[dq]border:1px solid rgba(255,255,255,0.5);width:48px;height:32px;vertical-align:middle;margin-right:8px;[dq]/] '+scene[get(i)].title), calc('loadscene('+i+',null,MERGE,BLEND(0.5))') );
		);
	</action>

Разумеется, всё можно настраивать под себя.

Также вся документация krpano теперь доступна прямо на вашем локальном ПК, что приятно.

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

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

krpano 1.19.13 — важное обновление для тех, кто делает туры!: 2 комментария

  • 26.10.2017 в 13:22
    Permalink

    Павел, здравствуйте!
    А в новом редакторе не появилось возможности выделять полигональные хотспоты и прикручивать к ним действия?
    Как вы делаете всплывающие при наведении на объект подписи?

    Ответ
    • 27.10.2017 в 19:02
      Permalink

      Добрый день, нет, полигональные споты не появились, да и вообще я ими не пользуюсь. А всплывание при наведении не работает на мобильных устройствах, поэтому я от него отказался. Взамен я делаю хотспоты, по клику на которые появляется текстовое поле.

      Ответ

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

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

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