Créer de l'interactivité, des hotspots...

Au delà de l'effet, toujours spectaculaire, de pouvoir s'immerger complètement dans un panorama et tourner dans tous les sens, SANS VOIR L'APPREIL PHOTO, une visite virtuelle présente également l'intérêt de pouvoir afficher des zones sensibles, dites de hotspots, qui vont permettre d'interagir avec les différents panoramas, passer de l'un à l'autre avec une transition presque cinématographique, afficher une photo, un vidéo, etc.

L'éditeur de hotspots

Pour que la visite virtuelle soit interactive, ce qui fait en grande partie son intérêt, il faut créer des zones de hotspots. Cela va permettre de passer d'un panorama à un autre, d'ouvrir une photo et plein d'autres choses encore ! L'éditeur de hotspots se trouve en bas à gauche par défaut dans Panotour Pro.

L'éditeur de hotspots est comme l'éditeur 3D détachable. Il peut également s'agrandir un peu ou remplir tout l'écran.

Dessiner un hotspot

Placer un reflet sur une source lumineuse

Affichez la zone du panorama où vous voulez placer votre effet de flare avec le bouton "Choisir" et l'aide de la souris pour agrandir le panorama. Cliquez sur l'icône "Ajouter un reflet" dans la barre de menu de l'éditeur de hotspots. Il ne reste plus qu'à placer votre reflet où vous voulez. Il est possible, là encore, de redéplacer ce point par un cliquer/déplacer afin d'afiner son positionnement. Cet effet ne s'édite pas comme les autres hotspots. N'en mettez qu'un par panorama car autant son effet peut être sympa sur le soleil ou un spot halogène, autant ils seraient disgracieux et envahissants s'il y en avait plusieurs.

Placer un son d'ambiance localisé

Affichez la zone du panorama où vous voulez placer votre son d'ambiance avec le bouton "Choisir" et l'aide de la souris pour agrandir le panorama. Cliquez sur l'icône "Ajouter un son" dans la barre de menu de l'éditeur de hotspots. Il ne reste plus qu'à placer votre son d'ambiance où vous voulez. Il est possible, là encore, de redéplacer ce son par un cliquer/déplacer afin d'afiner son positionnement. Nous verrons également plus loin comment éditer les propriétés de ce son d'ambiance.

Attention ! qu'il ne fasse pas double emploi avec un son de panorama ou un son de visite virtuelle dans son ensemble. En effet, ce son n'éteint pas le son du panorama ni du projet. Donc gare à la cacophonie !

Propriétés des hotspots

Il est temps maintenant de créer les liens entre les zones de hotspots et les différents panoramas, d'éditer les points d'intérêt, les sons, etc. Nous allons étudier en détail l'onglet "Propriétés des hotspots" de la zone de Propriétés, en haut à droite.

Cette fenêtre change d'aspect selon le type de hotspot qui est sélectionné. Ici, il s'agit d'un lien image ou photo.

Hotspot polygonal ou rectangulaire

Lorsque l'on a dessiné un hotspot polygonal ou rectangulaire plus haut dans cette page, la zone a été dessinée sur le panorama de départ, dans l'éditeur de hotspot, en bas à gauche et un petit triangle ou un rectangle blanc sont apparus au centre de leur emplacement sur ce panorama mais cette fois-ci dans la colonne au-dessus, la fenêtre principale. Restait à créer le lien vers un autre panorama. C'est ce que nous allons créer maintenant. Pour créer un lien il suffit :

• De tirer un lien depuis la petite pastille - un triangle ou un rectangle blanc - vers le panorama à lier - ici son voisin de droite -,
• Soit de choisir le nom de ce même panorama dans la liste déroulante "Panorama" de la zone "Lien", ici de trois panoramas, de notre projet et de l'onglet "Propriétés des hotspots". Une flèche apparaît alors entre les deux panoramas liés. On aurait pu choisir d'ouvrir une URL, une page HTML, un objet (vidéo, photo...) mais c'est moins fréquent sauf peut-être pour la vidéo que nous verrons plus bas. Lorsque le lien est créé, de nouveaux menus apparaissent ci-dessous.

• Panorama - Le nom du panorama lié apparaît maintenant.
• Transition - Choisir dans la liste déroulante le type d'effet de transition animée qui vous convient. Cela donne du mouvement, comme un mouvement de caméra, entre les deux panoramas. Rien de tel que d'essayer même si j'aime bien la transition "Zoom - du spot vers le panorama ou le suivant". Il existe aujourd'hui, neuf effets de transition animés.
• Lacet, tangage et champ angulaire - Quand vous avez créé un lien vers un panorama, celui-ci apparaît maintenant dans l'éditeur 3D , en bas à droite. Il suffit de faire tourner le panorama d'arrivée comme bon vous semble, de zoomer ou dézoomer dedans et lorsque que le point de vue d'arrivée dans ce panorama vous plait, d'y faire un clic droit de souris pour ouvrir le menu contextuel "Utiliser comme vue du hotspot" ou cliquer sur l'icône de la barre de menu de l'éditeur 3D "Utiliser comme vue du hotspot".
  
  Conseil ! Faites en sorte que la vue d'arrivée soit différente de la vue par défaut de ce panorama. Couplée à la transition citée ci-dessus, la visite virtuelle n'en est que plus vivante !

Enfin, il faut éditer l'affichage de ce hotspot dans la visite virtuelle. Cela se fait grâce au menu ci-dessous. Il permet de régler les couleurs du hotspot, l'info-bulle et si la zone de hotspot s'affiche en permanence ou seulement si la souris passe dessus.

• Objet - On peut choisir d'afficher par dessus la zone de hotspot un objet, image par exemple, mais je ne trouve pas cela très beau.
  
  Astuce ! cette option est invisible lorsque l'on a dessiné un hotspot polygonal.
  
  
  
  
• Bouton visible en survol uniquement - Si vous cochez cette option, l'internaute ne sait qu'il y a là un hotspot que si, au hasard de sa visite, sa souris passe dessus.
  Conseil ! Je préfère de loin ne pas cocher ce bouton, d'autant plus qu'il est maintenant possible d'éditer les couleurs de cette zone de hotspot et de les rendre très discrètes comme nous allons le voir maintenant.
• Couleur - Sous entendu couleur du contour - qui peut donc être différente de la couleur de remplissage (1) . Vous avez la possibilité de choisir parmi toutes les couleurs de l'arc en ciel donc d'adapter celle-ci à tous les projets mais, plus intéressant, il est possible de jouer sur la luminosité (1) de chaque couleur et surtout sur l'opacité (2) avec le curseur de droite. Je choisis en général une même couleur pour le contour et le remplissage de ma visite mais je choisis une opacité de 50 % environ pour le contour.
• Couleur de remplissage (1) - C'est la couleur du fond du hotspot. Je choisis souvent un bon vieux blanc avec une opacité de 20 % pour voir à travers malgré tout.
• Info-bulle - On peut décrire le lien par cette info-bulle. Notez qu'il sera possible de choisir plus tard la police, la taille, la couleur.

Hotspot point d'intérêt

Lorsque l'on a placé un hotspot point d'intérêt plus haut dans cette page, il a été placé sur le panorama de départ, dans l'éditeur de hotspots, en bas à gauche et un cercle blanc est apparu à son emplacement sur ce panorama mais cette fois-ci dans la colonne au-dessus, la fenêtre principale. Restait à créer le lien vers un autre panorama, un objet, un site internet, etc. C'est ce que nous allons créer maintenant. Pour créer un lien il suffit de sélectionner ce point d'intérêt en cliquant dessus non sans avoir choisi préalablement l'outil "Choisir" dans la barre de menu de l'éditeur de hotspots. Ensuite, dans l'onglet "Propriétés des hotspots", en haut à droite, on peut choisir de lier ce point à un panorama mais ce n'est pas très "logique", d'ouvrir une URL ( en notant l'adresse en valeur absolue : http://... ), une page HTML, un objet (souvent une photo...) que l'on sélectionne sur le disque dur. Celle-ci va s'afficher par l'intermédiaire d'une lightbox donc par dessus la visite virtuelle et ne doit donc pas être trop grande. Elle ne doit pas dépasser les bords de l'écran de l'internaute ! Ensuite, il faut éditer le marqueur de ce hotspot grâce aux menus suivant :

• Objet - Panotour propose un certain nombre de pictogrammes objets, qui vont se superposer à la visite virtuelle pour attirer l'attention de l'internaute. Cela permet également de distinguer un hotspot qui permet de changer de panorama - une zone - et un hotspot qui permet d'enrichir CE panorama - un bouton.
  
  Attention ! les boutons proposés dépendent du choix du modèle de boutons de navigation de l'onglet " propriété du projet ".
  
  
  
• Bouton couleur spécifique - Si vous cochez ce bouton, il vous est possible de changer la couleur et l'opacité du bouton qui est verte fluo par défaut.
• Largeur, hauteur - Il est possible de changer la taille du bouton.
  
  Astuce ! Si vous laissez à 0, le bouton s'affiche dans ses valeurs par défaut. Si vous choisissez des valeurs en pixels, votre bouton aura alors cette taille. Attention donc aux proportions et à la pixellisation si le bouton d'origine n'est pas assez grand.
  
  
• Info-bulle - Il est possible de décrire le point d'intérêt par un court texte. La police, la taille et la couleur du texte se modifient dans les propriétés du projet.

Hotspot vidéo ou photo

C'est toujours un effet surprenant quand on peut faire défiler une vidéo sur l'écran de télévision de la visite virtuelle lorsqu'il y en a une, bien entendu ! C'est très facile avec Panotour Pro.

Attention ! Il faut obligatoirement placer un hotspot rectangulaire. L'ordre des points est important. Commencez par tirer les quatre côtés en haut à gauche de l'écran puis aller dans les sens des aiguilles d'une montre. Ensuite, cliquez avec l'outil "Choisir" sur le petit rectangle blanc matérialisant ce hotspot sur ce panorama dans la fenêtre principale. Puis, il faut se rendre sur l'onglet "Propriétés des hotspots". Alors, il suffit d'aller chercher sur votre disque dur la vidéo ( ou autres objets ...), ou la photo à intégrer dans cet emplacement à la ligne "Objet" de la rubrique "Affichage". C'est tout !

Pour ce qui est du réglage des couleurs de la zone de hotspots dans la visite virtuelle, je vous renvoie au passage concerné, un peu plus haut.

Hotspot Son

Il est maintenant possible de placer une ambiance sonore non seulement sur un seul panorama mais en plus localisée sur une partie seulement du panorama. Le son sera entendu uniquement quand l'internaute passera devant le hotspot son. Il augmentera en s'en rapprochant et il diminuera en s'en éloignant. A l'opposé du point où est placé le son localisé, le son est éteint. Donc une fois placé, le hotspot Son est sélectionné comme d'habitude avec l'outil "Choisir" sur le panorama de la fenêtre principale. Ensuite, vous vous rendez classiquement sur l'onglet "Propriétés des hotspots". Là, dans le seul champ possible, vous sélectionnez votre fichier son sur votre disque dur. Il n'est pas encore possible de choisir l'angle avant/après le point central du hotspot son où le son s'éteindra dans l'éditeur de hotspots . Le son encadre le hotspot sur 90°. Pour ceux qui connaissent, cela peut s'éditer avec les fichiers XML.

Rappel ! ce son se superpose toujours au son du panorama et au son du projet.

Voilà qui termine cette longue partie consacrée aux réglages des hotspots dans le logiciel Panotour Pro. A l'étape suivante, nous allons finaliser et exporter la visite virtuelle

Achetez Panotour / Panotour Pro 2.3 La nouvelle version de Panotour 2.3 est maintenant sortie...   478,80 € TTC   118,80 € TTC   (Contribuez à la gratuité de ce site en achetant Autopano Pro ou Giga depuis les liens ci-dessus.)