Настройка отображения превью в krpano

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

Находится каждый файл в папке вашего тура vtour/panos/XXX.tiles/thumb.jpg

Настраивается отображение превью с помощью кадрирования (crop), указания размеров изображений и интервалов между ними. Все эти настройки задаются в блоке skin_settings вашего файла tour.xml.

 

Кадрирование превью

Например, исходное изображение выглядит так:

Превью панорамы в krpano

C помощью переменной crop="0|40|240|160"  мы даём движку понять, что хотим получить следующий фрагмент изображения:

Кадрирование превьюшки в krpano
Кадрирование превьюшки в krpano

В большинстве ситуаций вас устроит такое кадрирование, но иногда (например, если вы фотографировали гостиницу) основная смысловая нагрузка приходится на нижнюю часть изображений. Вы можете указать krpano, чтобы программа выводила в туре нижнюю часть картинок: crop="0|60|240|160"

Сдвиг кадрирования
Сдвиг кадрирования вниз

Размер превью

Чтобы изменить размер превью, найдите строку  thumbs_width="120" thumbs_height="80" thumbs_padding="10"  и измените значения thumbs_width и thumbs_height — ширину и высоту превьюшки. Помните, что эти значения должны соответствовать тем пропорциям, которые вы указываете в кадрировании, а именно последним двум. Например, здесь crop="0|60|240|160"  ширина изображение 240px, а высота 160px. 240/160=1.5, следовательно, соотношение сторон 1,5. Это значит, что ширина и высота, указанная в строке thumbs_width="..." thumbs_height="..." , должны соотноситься в такой же пропорции. Например, можно указать размер превью равным 90 на 60 пикселей, 60 на 40, 180 на 120. Но если вы укажете размер 200 на 100, не изменив кадрирование, то пропорции ваших изображений будут искажены.

Расстояние между превью

Указывается с помощью константы thumbs_padding="10" . Измеряется также в пикселях. Поменяйте 10 на 20, и расстояние между вашими превьюшками увеличится в 2 раза.

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

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

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