krpano Plugins

Plugin krpano v1.0.0 Nouveau

Floor Plan

Un plan d'étage interactif pour votre visite krpano : un radar montre où se trouvent les visiteurs et où ils regardent, à chaque étage.

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.

Dans une visite de plus de quelques scènes, les visiteurs se perdent et manquent des pièces. Floor Plan affiche votre propre image de plan pour chaque étage, avec un point par scène et un radar qui tourne avec la vue. Les visiteurs cliquent sur un point ou une pièce pour s'y rendre, zooment et déplacent le plan, l'ouvrent en plein écran et voient les pièces déjà visitées. Un mode de calibrage mesure pour vous l'orientation de chaque point, 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

    Ajoutez vos plans

    Listez vos images d'étage, un point par scène et des pièces facultatives dans un petit floorplan.xml qui résiste à MAKE VTOUR.

  3. 3

    Calibrez une fois

    Activez calibrate="true", cliquez à l'emplacement de la caméra puis sur une porte visible, et copiez la ligne affichée dans floorplan.xml.

Ce qui fait la différence.

Les visiteurs savent toujours où ils sont

Le point actif, le radar avec le vrai champ de vision et la pièce mise en évidence suivent chaque changement de scène et chaque rotation de la vue.

Parcourez le bâtiment

Un clic sur un point ou une pièce ouvre cette scène ; avec jump_view="walk", la nouvelle vue regarde dans la direction de la marche.

Adapté à chaque écran

Un panneau compact sur ordinateur, un bouton de plan et un plan plein écran avec un bouton Aller sur mobile, et un mini-plan en regardant vers le bas en VR.

Captures d'écran.

Essayer la démo
Ordinateur Le panneau du plan au-dessus du salon de l'hôtel : le radar montre la vue vers les fenêtres du jardin.
Smartphone Le plan plein écran sur un mobile : une pièce touchée avec son bouton Aller.
Détail Le plan agrandi du 1er étage avec les noms des pièces, les points visités et le radar.
Le panneau du plan au-dessus du salon de l'hôtel : le radar montre la vue vers les fenêtres du jardin.

Ordinateur Le panneau du plan au-dessus du salon de l'hôtel : le radar montre la vue vers les fenêtres du jardin.

1 / 3

Paramètres.

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

ParamètreTypePar défautDescription
active Oui / NontrueActive ou désactive le plan pendant la visite (par défaut true).
slot Listetop-rightCoin de l'écran du panneau et du bouton de plan : top-right (par défaut), top-left, bottom-right ou bottom-left. top-righttop-leftbottom-rightbottom-left
offset Nombre16Distance aux bords de ce coin en pixels (0–200, par défaut 16).
panel_width Nombre260Largeur du panneau sur grand écran en pixels (160–480, par défaut 260).
panel_height Nombre200Hauteur du panneau sur grand écran en pixels, en-tête compris (120–400, par défaut 200).
start_state ListeopenSur grand écran, la visite démarre avec le panneau ouvert (open, par défaut) ou avec le bouton de plan (collapsed) ; les mobiles démarrent toujours avec le bouton. opencollapsed
orientation Listeplanplan (par défaut) affiche l'image telle que dessinée, north tourne le plan nord en haut, heading le tourne avec la vue. plannorthheading
jump_view ListesceneVue après un saut depuis le plan : la vue de départ de la scène (scene, par défaut) ou dans la direction de la marche (walk). scenewalk
blend TexteBLEND(0.6)Transition krpano des sauts depuis le plan, par exemple BLEND(0.6) (par défaut) ou NOBLEND.
zoom_max Nombre4Zoom maximal du plan en multiple du plan ajusté (1–10, par défaut 4).
show_visited Oui / NontrueAtténue les points des scènes visitées pendant cette visite (par défaut true).
labels Oui / NontrueAffiche les noms des pièces sur le plan là où ils tiennent (par défaut true).
theme ListedarkThème de couleurs sombre (par défaut) ou clair. darklight
accent_color Couleur#3D8BFFCouleur du point actif, du radar, de l'onglet d'étage actif et du contour de focus (par défaut #3D8BFF).
transition Oui / NontrueOuvre, ferme et modifie le plan avec de courtes transitions douces ; false le modifie immédiatement. Les visiteurs ayant activé la réduction des animations ne voient jamais de mouvement.
transition_duration Nombre280Durée des transitions en millisecondes (100–1000, par défaut 280).
vr Oui / NontrueAffiche un mini-plan en VR quand le visiteur regarde vers le bas (par défaut true) ; false masque seulement le plan en VR.
vr_pitch Nombre50Degrés sous l'horizon à partir desquels le mini-plan VR apparaît (30–80, par défaut 50).
calibrate Oui / NonfalseMode créateur : ouvre le plan avec une barre qui mesure position et orientation et affiche la ligne du point ; ne jamais le laisser activé dans une visite publiée (par défaut false).
debug Oui / NonfalseAffiche le nombre d'étages, de points et de pièces dans la console du navigateur (par défaut false).
text_title TexteFloor planNom du plan pour le bouton, le panneau et le plan agrandi (par défaut « Floor plan ») ; une clé <languages> ou un texte.
text_floors TexteFloorsNom des onglets d'étage pour les lecteurs d'écran (par défaut « Floors »).
text_expand TexteExpand planLibellé du bouton d'agrandissement (par défaut « Expand plan »).
text_collapse TexteCollapseLibellé du bouton de réduction (par défaut « Collapse »).
text_close TexteCloseLibellé du bouton de fermeture du plan agrandi (par défaut « Close »).
text_go TexteGoBouton qui ouvre la scène touchée sur mobile (par défaut « Go »).
text_zoom_in TexteZoom inLibellé du bouton de zoom avant (par défaut « Zoom in »).
text_zoom_out TexteZoom outLibellé du bouton de zoom arrière (par défaut « Zoom out »).
Exemple
<include url="floorplan.xml" />

<layer name="z360_floor_plan"
       url="plugins/z360_floor_plan/z360_floor_plan.js"
       keep="true"
       jump_view="walk" />

<!-- floorplan.xml -->
<z360_floor_plan_floor name="ground" title="Ground floor" url="plans/ground.webp" />
<z360_floor_plan_spot name="scene_lounge" floor="ground" x="560" y="250" heading="-121" />
<z360_floor_plan_room name="lounge" floor="ground" title="Lounge"
                      points="410,228 670,228 670,530 410,530" scene="scene_lounge" />

Fonctionnalités

  • Une image de plan par étage (PNG, JPG, WebP ou SVG) avec des onglets d'étage
  • Un point par scène avec sa propre orientation et un radar indiquant la direction et le champ de vision
  • Noms de pièces affichés quand ils tiennent et zones de pièces cliquables mises en évidence au survol
  • Orientation telle que dessinée, nord en haut ou direction du regard en haut
  • Saut en marchant : la nouvelle scène regarde dans la direction de la marche
  • Points visités atténués pendant la visite
  • Zoom et déplacement à la molette, double-clic, glisser, pincement et clavier
  • Plan agrandi sur ordinateur, plan plein écran avec bouton Aller sur mobile
  • Mode de calibrage qui affiche la ligne du point prête à copier
  • Mini-plan en VR quand le visiteur regarde vers le bas — testé dans la VR simulée de krpano, pas encore sur casques VR
  • Transitions douces, désactivées avec la réduction des animations
  • Contrôle au clavier et libellés pour lecteurs d'écran
  • Textes en plusieurs langues, thème sombre et clair, couleur d'accent et variables CSS
  • Fichier du plugin chiffré, chaque réglage en attribut XML

Contenu

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