krpano Plugins

Plugin krpano v1.0.0 Nouveau

Walk Navigation

Des flèches au sol dans votre visite krpano : les visiteurs cliquent le chemin qu'ils veulent prendre et s'y rendent.

49 € Prix unique, HT

La TVA est calculée selon votre pays de facturation et ajoutée lors du paiement ; vous y voyez le prix total avant de payer. Les entreprises d’autres pays de l’UE disposant d’un numéro de TVA valide ne paient pas de TVA (autoliquidation).

Essayer la démo

Compatibilité

Vérifié pour krpano 1.23.2–1.24

Comment ça marche.

Les listes de scènes et les vignettes disent ce qui existe, pas où cela se trouve. Walk Navigation dessine une flèche au sol vers chaque scène voisine, de sorte que le chemin dans le bâtiment fait partie du panorama. Un clic s'y rend en 3D et arrive face à la direction parcourue. Les flèches sont calculées à partir des positions que vous avez déjà — les points de notre Floor Plan, ou les trois mêmes nombres dans votre propre élément XML — et chaque réglage est un attribut d'un seul élément XML.

Installation.

  1. 1

    Copiez un dossier

    Placez le dossier chiffré du plugin dans votre visite et ajoutez un élément layer à votre XML.

  2. 2

    Dites où sont les scènes

    Utilisez les points de notre Floor Plan, ou écrivez un élément point par scène avec sa position sur le plan et son orientation.

  3. 3

    Ne corrigez que l'erreur

    Des éléments de liaison facultatifs masquent un chemin, l'orientent à la main, rapprochent une flèche ou la nomment.

Ce qui fait la différence.

Le chemin est dans le panorama

Les flèches sont au sol là où se trouvent la porte ou le couloir : on parcourt le bâtiment au lieu de choisir des scènes dans une liste.

Arriver face au chemin

La nouvelle scène regarde exactement dans la direction parcourue ; personne n'a à se réorienter après chaque pas.

Pas de double saisie

Les flèches sont calculées à partir des positions de plan de notre Floor Plan, ou de trois nombres par scène dans votre XML.

Captures d'écran.

Essayer la démo
Ordinateur Des flèches au sol du salon montrent le chemin vers les pièces voisines.
Smartphone Sur mobile les flèches sont plus grandes et celle au centre de la vue affiche son libellé.
Détail La flèche sous la souris s'illumine et affiche le nom de la pièce et la distance.
Des flèches au sol du salon montrent le chemin vers les pièces voisines.

Ordinateur Des flèches au sol du salon montrent le chemin vers les pièces voisines.

1 / 3

Paramètres.

À définir comme attributs dans le XML de votre visite.

ParamètreTypePar défautDescription
active Oui / NontrueActive ou désactive les flèches pendant la visite (par défaut true).
spot_scale Nombre0Centimètres par unité de vos positions, par exemple 2 pour un plan à 2 cm par pixel (0–1000, par défaut 0). Sans lui, pas de distances dans les libellés ni de link_radius.
link_max Nombre4Nombre maximal de flèches dans une scène (1–8, par défaut 4).
link_radius Nombre0Distance maximale d'une liaison automatique en centimètres (0–100000, par défaut 0 = sans limite) ; nécessite spot_scale.
link_angle Nombre25Angle minimal entre deux flèches en degrés ; une scène derrière une plus proche est écartée (0–90, par défaut 25).
arrow_distance Nombre250Distance des flèches à la caméra au sol en centimètres (120–600, par défaut 250). Une flèche seule se déplace avec la distance de son élément de liaison.
arrow_size Nombre60Taille d'une flèche au sol en centimètres (20–200, par défaut 60) ; ×1,3 sur les appareils tactiles et en VR.
eye_height Nombre160Hauteur de la caméra au-dessus du sol en centimètres (50–400, par défaut 160).
arrow_color Couleur#FFFFFFCouleur des flèches (par défaut #FFFFFF) ; ignorée avec votre image arrow_url.
accent_color Couleur#3D8BFFCouleur de la flèche sous la souris ou le regard (par défaut #3D8BFF).
arrow_url TexteVotre propre image de flèche (PNG, JPG ou WebP), pointe vers le haut ; vide utilise la flèche intégrée.
labels Listeautoauto (par défaut) affiche le libellé sous la souris et, au toucher et en VR, celui de la flèche au centre de la vue ; always les affiche tous, off aucun. autoalwaysoff
walk Listeturnturn (par défaut) tourne vers la flèche puis avance en 3D dans la pièce ; blend fond vers la nouvelle scène, face au chemin. turnblend
walk_time Nombre1Durée de la marche ou du fondu en secondes (0,3–3, par défaut 1).
turn_time Nombre0.4Durée de la rotation vers la flèche avant la marche en secondes (0–1,5, par défaut 0,4) ; 0 part immédiatement.
motion_blur Nombre0.4Flou de mouvement de la marche en 3D (0–0,9, par défaut 0,4).
vr_walk ListeblendMode de marche en VR : blend (par défaut, le plus calme) ou turn. turnblend
vr_dwell Oui / NontrueRegarder une flèche en VR l'active après environ deux secondes, via le plugin WebVR de krpano (par défaut true) ; false laisse la manette ou l'appui sur l'écran.
walk_other Oui / NontrueMarcher aussi quand un autre plugin z360 — par exemple Floor Plan ou Tour Navigator — ouvre une scène vers laquelle mène une flèche (par défaut true).
transition Oui / NontrueFait apparaître et grandir les flèches et les libellés en douceur ; false les change aussitôt. Les visiteurs ayant activé la réduction des animations ne voient jamais de mouvement, et leur changement de scène est toujours un fondu.
transition_duration Nombre250Durée de ces transitions en millisecondes (100–1000, par défaut 250).
calibrate Oui / NonfalseMode créateur : une barre avec les liaisons de la scène courante qui mesure une direction visée et affiche la ligne prête à copier ; ne jamais la laisser activée dans une visite publiée (par défaut false).
debug Oui / NonfalseAffiche le nombre de points et de liaisons ainsi que la direction, l'arrivée et la distance de chaque liaison dans la console (par défaut false).
text_label Texte{title} · {distance}Le texte du libellé (par défaut « {title} · {distance} ») ; {title} est le nom de la scène, {distance} la distance en mètres, affichée seulement avec spot_scale. Une clé <languages> ou un texte.
Exemple
<include url="walknav.xml" />

<layer name="z360_walk_navigation"
       url="plugins/z360_walk_navigation/z360_walk_navigation.js"
       keep="true"
       spot_scale="2" />

<!-- walknav.xml: one spot per scene, plus corrections where you need them -->
<z360_walk_navigation_spot name="scene_lounge" floor="ground" x="560" y="250" heading="-121" />
<z360_walk_navigation_spot name="scene_pool" floor="ground" x="640" y="700" heading="-147.3" />
<z360_walk_navigation_link name="lounge_pool" from="scene_lounge" to="scene_pool" distance="140" />

Fonctionnalités

  • Une flèche au sol vers chaque scène voisine, calculée à partir des positions des scènes
  • Flèche intégrée dans n'importe quelle couleur, ou votre propre image de flèche
  • Libellés avec le nom de la scène et la distance réelle en mètres
  • Transition qui tourne vers la flèche puis avance en 3D, ou un fondu
  • Direction d'arrivée exactement dans l'axe du chemin parcouru
  • Se déclenche aussi quand notre Floor Plan ou Tour Navigator ouvre une scène voisine
  • Liaisons automatiques vers les scènes les plus proches, avec limites de nombre, d'angle et de distance
  • Éléments de liaison pour masquer, orienter, renommer ou déplacer une flèche, et pour les escaliers entre étages
  • Les murs masquent les flèches dans les visites avec carte de profondeur ou modèle 3D
  • Flèches plus grandes sur mobile et en VR, avec le libellé de la flèche au centre de la vue
  • VR : flèches dans les deux yeux, activation au regard via le plugin WebVR de krpano et un fondu confortable
  • Mode de calibrage qui affiche la ligne de liaison prête à copier
  • Transitions douces, désactivées avec la réduction des animations
  • Fichier du plugin chiffré, chaque réglage en attribut XML

Contenu

  • plugins/z360_walk_navigation/z360_walk_navigation.js (chiffré)
  • Manuel (anglais)