Tour Navigator

Cómo funciona.

Paso 1 de 6 **Escenas y grupos de un vistazo** Una barra de miniaturas con pestañas de grupos muestra todas las escenas de tu tour y enmarca la escena actual.

Buscar escenas y lugares — Paso 1 de 6 **Escenas y grupos de un vistazo** Una barra de miniaturas con pestañas de grupos muestra todas las escenas de tu tour y enmarca la escena actual.

Un tour con decenas de escenas necesita algo más que una fila de miniaturas. Tour Navigator le da a tu tour de krpano una barra de miniaturas, una cuadrícula a pantalla completa, una lista lateral o un desplegable, un menú inferior en el móvil y un panel en RV, todo a partir de los mismos grupos. Tus visitantes encuentran cualquier escena o hotspot marcado escribiendo, incluso en escenas que aún no se han cargado, y cada ajuste es un atributo de un único elemento XML.

Instalación.

1
Copia una carpeta

Coloca la carpeta cifrada del plugin en tu tour y añade un elemento layer (y, si quieres, un include) a tu XML.
2
Describe tu tour

Si quieres, define grupos, marca hotspots como lugares que se pueden buscar y traduce los títulos con el elemento <languages> que ya usas.
3
Elige el aspecto

Elige diseño, colores y comportamiento con atributos del elemento layer; ajusta el redondeo, la fuente y el fondo con seis variables CSS.

Por qué marca la diferencia.

Tus visitantes encuentran lo que buscan

La búsqueda encuentra escenas y lugares por título, palabras clave y grupo, tolera erratas y acentos y lleva directamente al lugar.

Ordenador y móvil

Barra, cuadrícula, lista lateral o desplegable en el ordenador y un menú inferior táctil en el móvil.

Sin servidor ni peticiones a terceros

Todo funciona dentro de tu tour de krpano. Verificado con krpano 1.23.2, 1.23.3 y 1.24 y hecho para funcionar con otros plugins z360.

Capturas de pantalla.

Prueba la demo

**Ordenador** La barra de miniaturas con pestañas de grupos en el tour de demostración del hotel.

**Móvil** El menú inferior con búsqueda, grupos y escenas en un móvil.

**Detalle** Una búsqueda encuentra escenas y lugares, también en escenas aún no cargadas.

Ajustes.

Se configuran como atributos en el XML de tu tour.

Ajuste	Tipo	Predeterminado	Descripción
`active`	Sí / No	`true`	Activa o desactiva el navegador durante el tour; desactivado, se eliminan todas sus partes.
`layout`	Lista	`bar`	Diseño en pantallas anchas: barra de miniaturas, cuadrícula a pantalla completa, lista lateral o desplegable. `bargridsidedropdown`
`layout_mobile`	Lista	`sheet`	En el móvil: un botón flotante con un menú inferior, o el mismo diseño que en pantallas anchas. `sheetsame`
`slot`	Lista	`auto`	Posición en la pantalla; auto usa abajo en el centro (lista lateral: centro izquierda). `autotop-lefttop-centertop-rightmiddle-leftmiddle-rightbottom-leftbottom-centerbottom-right`
`offset`	Número	`16`	Distancia al borde de la pantalla en píxeles.
`max_width`	Número	`80`	Ancho máximo de la barra y del desplegable en porcentaje del ancho del visor.
`start_open`	Sí / No	`true`	Si la barra y la lista lateral empiezan desplegadas.
`exclude_scenes`	Texto	—	Nombres de escenas que nunca se muestran ni se buscan, separados por comas.
`groups`	Lista	`auto`	Cómo se muestran los grupos: automáticamente según el diseño, por niveles (drill-down) o nunca. `autooffdrilldown`
`group_all`	Sí / No	`true`	Añade el grupo «All» con todas las escenas; su texto se cambia con text_all.
`start_group`	Texto	`current`	Grupo activo al empezar: el grupo de la escena actual, all o el nombre de un grupo.
`order`	Lista	`tour`	Orden de las escenas: como en el XML del tour o alfabético por título. `tourtitle`
`thumb_size`	Número	`120`	Ancho de las miniaturas en píxeles (60–240).
`show_visited`	Sí / No	`false`	Marca las escenas que el visitante ya ha visto durante esta visita.
`prev_next`	Sí / No	`false`	Añade botones de escena anterior y siguiente.
`search`	Sí / No	`true`	Muestra la búsqueda.
`search_pois`	Sí / No	`true`	Busca también los hotspots marcados como lugares, en todas las escenas.
`search_hotkey`	Texto	—	Tecla que abre la búsqueda: vacío (ninguna tecla) o /.
`poi_action`	Lista	`lookat`	Qué hace elegir un lugar: girar hacia él, girar hacia él y ejecutar su acción de clic, o solo abrir su escena. `lookatlookat_openscene`
`poi_fov`	Número	`70`	Campo de visión al girar hacia un lugar (10–140).
`blend`	Texto	`BLEND(0.6)`	Transición de los cambios de escena del navegador, por ejemplo BLEND(0.6) o NOBLEND.
`deeplink`	Lista	`read`	Lee un enlace de escena al empezar; readwrite además mantiene la escena actual en la dirección de la página. `offreadreadwrite`
`copy_link`	Sí / No	`false`	Añade un botón que copia un enlace a la escena y la vista actuales.
`theme`	Lista	`dark`	Esquema de colores oscuro o claro. `darklight`
`accent_color`	Color	`#3D8BFF`	Color del marco de la escena actual, del grupo activo y del anillo de foco.
`vr`	Sí / No	`true`	Muestra el panel de RV en RV; false oculta el navegador en RV.
`debug`	Sí / No	`false`	Muestra en la consola del navegador el número de escenas, grupos y lugares.
`text_scenes`	Texto	`Scenes`	Texto «Scenes» del botón, los títulos y el diálogo; una clave de <languages> o un texto literal.
`text_all`	Texto	`All`	Nombre del grupo con todas las escenas.
`text_other`	Texto	`Other`	Nombre del grupo de escenas sin grupo.
`text_places`	Texto	`Places`	Título de los lugares en los resultados de búsqueda.
`text_search`	Texto	`Search scenes and places`	Texto de ejemplo y etiqueta del campo de búsqueda.
`text_no_results`	Texto	`Nothing found`	Texto que se muestra y se anuncia cuando no hay resultados.
`text_back`	Texto	`Back`	Etiqueta del botón volver.
`text_close`	Texto	`Close`	Etiqueta del botón cerrar.
`text_prev`	Texto	`Previous scene`	Etiqueta del botón de escena anterior.
`text_next`	Texto	`Next scene`	Etiqueta del botón de escena siguiente.
`text_copy_link`	Texto	`Copy link`	Etiqueta del botón copiar enlace.
`text_visited`	Texto	`Visited`	Texto que los lectores de pantalla anuncian para una escena visitada.

Ejemplo

<include url="plugins/z360_scene_navigator/z360_scene_navigator.xml" />
<layer name="z360_scene_navigator"
       url="plugins/z360_scene_navigator/z360_scene_navigator.js"
       keep="true"
       layout="bar"
       show_visited="true"
       copy_link="true" />

<z360_scene_navigator_group name="rooms" title="Rooms" scenes="scene_room_204,scene_suite" />
<z360_scene_navigator_group name="leisure" title="Leisure" scenes="scene_pool,scene_lounge" />

<scene name="scene_lounge" title="Lounge" ...>
  <hotspot name="piano" ath="-62" atv="7" z360_scene_navigator_poi="Piano" ... />
</scene>

Características

Cuatro diseños: barra de miniaturas, cuadrícula a pantalla completa, lista lateral y desplegable
Menú inferior con zonas táctiles de 44 px en el móvil
Grupos anidados; una escena puede estar en varios grupos
Búsqueda en escenas y hotspots marcados, también en escenas aún no cargadas
Búsqueda tolerante a erratas y acentos
Panel de RV con páginas de grupos y escenas para el plugin WebVR de krpano
Idiomas mediante el elemento <languages> del tour
Enlaces a una escena y una vista, opcionalmente sin que aparezca la primera escena
Botón para copiar el enlace, escenas visitadas marcadas y botones anterior / siguiente
Navegación con teclado y etiquetas para lectores de pantalla
Tours grandes: 500 escenas y 1 000 lugares indexados en unos 30 ms en el ordenador y en menos de 0,2 s con un procesador 4× más lento
Archivos del plugin cifrados, cada ajuste como atributo XML

Qué incluye

plugins/z360_scene_navigator/z360_scene_navigator.js (cifrado)
plugins/z360_scene_navigator/z360_scene_navigator.xml (cifrado)
Manual (inglés) con ejemplos de configuración listos para copiar

Más para krpano.

Plugin Nuevo

Detail Loupe

Una lupa para las fotos de tus tours de krpano, con ratón, lápiz y pantalla táctil.

29 €

Plugin Nuevo

Info Cards

Fichas informativas para tu tour de krpano: panel lateral en escritorio, hoja inferior en el móvil y ficha de bienvenida, con fotos, vídeo, datos y botones.

39 €