Aller à : navigation, rechercher

Autopano Tour

Prérequis

Configuration Flash®

Autopano Tour permet de créer des visites virtuelles au format Flash®. Pour pourvoir lire les visites générées, votre ordinateur a donc besoin du lecteur Flash®. La plupart du temps, il est déjà installé sur votre ordinateur. Si ce n'est pas le cas ou si vous souhaitez installer gratuitement la dernière version, vous pouvez l'obtenir sur cette page : Télécharger le lecteur Flash.

Les visites virtuelles nécessitent au minimum d’avoir la version 9 du lecteur Flash®. Cependant il est préférable d’utiliser la version 10. La gestion des éléments 3D étant fortement améliorée entre les 2 versions, des effets de distorsion peuvent apparaître (lignes droites légèrement ondulées) lorsque la version 9 est utilisée.

Les objets Flash® (fichiers .SWF) étant principalement destinés à être utilisés sur internet, il faut configurer des dossiers de confiance pour pouvoir les exécuter localement, c'est à dire à partir de votre ordinateur et non à partir d'internet. La configuration des dossiers de confiance s’effectue via cette interface web.


Jargon technique

  • Flash® : Une technologie d'Adobe® permettant de créer et d'afficher du contenu animé, comme des visites virtuelles.
  • .SWF : L'extension des fichiers Flash®. Les visites virtuelles générées avec Autopano Tour sont nommées ainsi : ma-visite-virtuelle.swf
  • Hotspot : Une zone ou un point de la visite virtuelle qui propose une interaction : l'affichage d'une autre vue inclue dans la visite, l'ouverture d'une page web, l'affichage d'une image, etc. Les hotspots sont très importants dans la création de visites virtuelles complètes puisqu'ils vous permettent de lier les différentes vues de la visite les unes aux autres.
  • .XML : L'extension des fichiers de configuration qui définissent les options choisies pour la visite virtuelle.

Interface graphique

Présentation globale

Apt-fr-global-interface.png

Voici le principe général de l'outil Autopano Tour :

  • La fenêtre centrale permet de visualiser rapidement l’ensemble du projet et de sélectionner les différents éléments à éditer (A)
  • Les onglets en haut à droite permettent de modifier manuellement les propriétés du ou des éléments sélectionnés dans la fenêtre principale (B)
  • Les fenêtres du bas permettent l’édition graphique du panorama courant (ajout de hotspots (C), réglage de la navigation 3D (D))

Barre d'outils

Pano open.png Ouvrir un projet précédemment sauvegardé
Pano save.png Sauvegarder le projet courant
Banner close.png Fermer le projet courant
Group addpicture.png Ajouter un ou plusieurs panoramas à la visite virtuelle
Render.png Exporter la visite virtuelle au format Adobe Flash
Whatsthis.png Obtenir une aide rapide sur les boutons du menus

Fenêtre centrale

La fenêtre centrale sert à sélectionner les différents éléments de la visite virtuelle (panoramas ou hotspots) afin de pouvoir les éditer.

Apt-fr-central-window.png

Sélection

  • Un simple clic sélectionne le panorama (l’image) ou hotspot (cercles blancs pour les zones ponctuelles, triangles blancs pour les zones polygonales).
  • Le maintient de la touche "Ctrl" du clavier permet de sélectionner plusieurs éléments.
  • Le raccourci "Ctrl+A" sélectionne tous les panoramas et tous les hotspots.

Chaque élément sélectionné est encadré en noir (les hotspots sont également remplis en blanc pour augmenter le contraste visuel).

Navigation

  • La molette de la souris permet de modifier la taille des éléments affichés.
  • Lorsque la scène n'est pas entièrement visible, des ascenseurs permettent de déplacer la fenêtre. Il est également possible d'utiliser les flèches du clavier ou la souris pour déplacer la zone de visibilité (clic gauche sur le fond de la scène pour le déplacement via la souris).
  • Le nom du panorama apparait lors du survol avec la souris

Edition

  • Le déplacement des panoramas s'effectue par un simple glisser/déposer
  • Lier un hotspot à un panorama s'effectue en faisant glisser le hostspot vers le panorama voulu. Ce lien est graphiquement symbolisé par une flèche visible uniquement lorsque le panorama est sélectionné.
  • La suppression du dernier panorama sélectionné s'effectue via le menu contextuel (clic droit) ou la touche "suppr" du clavier.

Attention : la suppression des hospots ne peut pas s'effectuer dans la fenêtre centrale mais uniquement via la fenêtre d'édition des hotspots.

Fenêtre d'édition des hotspots

Le dernier panorama sélectionné est automatiquement affiché dans la fenêtre d’édition des hotspots.

Move pan.png Mode déplacement : si la panorama recouvre plus de 180 degrés une zone grisée apparaît pour empêcher le tracé de hotspot sur plus de 180 degrés.
  • le placement de la zone d'édition (non grisée) s'effectue en maintenant le bouton gauche de la souris.
  • le double clic permet de passer en plein écran.

Lorsque la touche espace du clavier est maintenue, le mode déplacement est automatiquement activé.

Move full.png Mode plein écran : permet de passer en plein écran.
  • Si la fenêtre est flottante la fenêtre utilisera l'écran auquel elle appartient.
  • Si la fenêtre est amarrée la fenêtre utilisera un écran différent de celui où se trouve l'application (si possible).
Hotspot polygonal.png Mode hotspot polygonal : chaque clic ajoute un point au polygone en cours de tracé. Lorsque le dernier point est proche du premier le polygone est automatiquement fermé et ajouté pour hotspot au panorama.

Les lignes tracées entre les points de contrôle suivent les mêmes déformations que l’image aplatie. Cela permet de visualiser réellement les zones concernées par le hotspot dans la projection 3D finale.

Hotspot image.png Mode hotspot ponctuel : chaque clic ajoute un hotspot de type point à la position indiquée par la souris.
Lensflare.png Mode lens flare : chaque clic ajoute un effet de type reflet de lentille à la position indiquée par la souris.
Back.png Précédent : permet de sélectionner le panorama précédant (suivant l’ordre d’ajout des panoramas au projet)
Forward.png Suivant : permet de sélectionner le panorama précédant (suivant l’ordre d’ajout des panoramas au projet)

Selon le mode courant, les objets éditables apparaissent en jaune et les objets non éditables en blanc.

Lorsqu'un objet est éditable on peut :

  • ajuster la position d'un point par glisser/déplacer (nb: pour pouvoir modifier un polygone, celui-ci doit être entièrement visible dans la zone d'édition)
  • le supprimer via le menu contextuel (clic droit)

Il est possible de zoomer dans la fenêtre via la molette de la souris et ceci également pendant le tracé d'un hotspot.

Fenêtre d'édition de la 3D

Move full.png Mode plein écran : permet de passer en plein écran.
  • Si la fenêtre est flottante la fenêtre utilisera l'écran auquel elle appartient.
  • Si la fenêtre est amarrée la fenêtre utilisera un écran différent de celui où se trouve l'application (si possible).
Back.png Précédent : permet de sélectionner le panorama précédant (suivant l’ordre d’ajout des panoramas au projet)
Forward.png Suivant : permet de sélectionner le panorama précédant (suivant l’ordre d’ajout des panoramas au projet)

Le bouton gauche de la souris et la mollette permettent de se déplacer dans la projection 3D du panorama.

vue par défaut du panorama

  • sélectionner un panorama via la fenêtre centrale
  • utiliser la souris pour définir la position voulue
  • utiliser le menu contextuel (clic droit) pour de définir les propriétés de navigation pour le rendu final du panorama

vue de destination d'un hotspot

  • sélectionner un hotspot lié à un panorama via la fenêtre centrale
  • utiliser la souris pour définir la position voulue
  • utiliser le menu contextuel (clic droit) pour définir la vu de destination.

Cette vue permet de définir une animation de transition : la caméra se déplacera de la vue de destination du hotspot vers la vue par défaut du panorama.

Apt-fr-3D.png

Propriétés des éléments du projet

Les fenêtres de propriétés agissent sur l'ensemble des éléments sélectionnés dans la fenêtre centrale. Certains champs sont directement modifiés via les outils graphiques précédemment présentés.

Si aucun élément n’est sélectionné, ces fenêtres sont inactives. Lorsque plusieurs éléments sont sélectionnés, les propriétés qui diffèrent sont alors affichées en gris mais restent modifiables.

Apt-fr-properties.png


Projet

Apt-fr-project-properties.png
  • Affichage :
    • Premier panorama affiché : choix du panorama affiché en premier dans la visite virtuelle
    • Insérer un menu de navigation : ajoute des doutons de navigation à la visite virtuelle
    • Ajouter un bouton plein écran : ajoute un bouton permettant d'afficher le panorama en plein écran. Attention : pour que le plein écran fonctionne le fichier flash doit être insérer dans un page internet avec les bonnes options (cf HTML Template).
    • Utiliser l'auto rotation : la visite virtuelle tournera automatiquement lorsque l'utilateur est inactif. Un bouton permettant de désactiver la rotation sera automatiquement ajouté.
    • Insérer la liste des panoramas : ajout une liste déroulante permettant d'accéder directement à chaque panorama
    • Logo :
      • Fichier : fichier représentant le logo à insérer (PNG, JPG, GIF, SWF).
      • Position : position à laquelle sera inséré le logo
      • Lien : lien ouvert lors d’un clic sur le logo
  • Export
    • Incorporer toutes les données : si actif, les images utilisées par le panorama sont incluses dans le fichier Flash® créé, sinon elles seront copiées dans un sous-dossier et utilisées dynamiquement. Attention : si tous les objets sont incorporés, le fichier SWF généré pourra être très volumineux et peu compatible avec la publication sur internet ; sinon il ne faut pas oublier de publier également les données contenues dans le sous-dossier.
    • Incorporer les fichiers XML : rend accessible les fichiers XML générés pour la création de la visite afin de les modifier manuellement
    • Modèle HTML : le fichier HTML indiqué sera utilisé pour générer une page web incluant directement le tour généré. Les fichiers templates sont à copier dans le sous-dossier « Templates/html/ » présent dans le répertoire d’installation d'Autopano Tour. Le mot clef $(SWF) présent dans le template sera automatiquement remplacé par le nom du fichier flash généré.

Panorama

Apt-fr-pano-properties.png
  • Nom : nom utilisé dans la visite virtuelle (pour l'accès par liste déroulante)
  • Champ angulaire : permet de régler le champ de vision contenu par le panorama. Si le panorama est généré par APG ou APP dans un format comprenant des données Exif (tif ou jpg) ces donnés seront automatiquement complétées.
    • Horizontal : angle de vision horizontal en degrés
    • Vertical : angle de vision vertical en degrés
    • Décalage vertical : position verticale du centre du panorama en degrés
  • Paramètres des images : définition de la qualité des images intégrées dans la visite virtuelle finale
    • Largeur de la prévisualisation : dimension de l’aperçu utilisé en attendant la construction 3D (la hauteur est calculée automatiquement en respectant les proportions de l'image)
    • Qualité jpeg : qualité de la compression Jpeg utilisée (de 0 à 12)
    • Dimensions selon le type de panorama sélectionné cette propriété peut représenter deux notions différentes :
      • Dimensions des faces du cube : dimensions des images utilisées pour construire le panorama 3D cubique lors de l'utilisation d'un panorama 360 complet.
      • Largeur du panorama partiel : largeur de l'image utilisée pour construire le panorama 3D sphérique lors de l'utilisation d'un panorama partiel (la hauteur est calculée automatiquement en respectant les proportions de l'image).
      • Calcule la taille optimale : permet de calculer automatiquement la dimension qui utilisera au mieux la résolution de l'image d'entrée. La taille maximale autorisée reste cependant limité :
        • Dimension des faces du cube : 1024 sans licence krpano 5000 avec.
        • Largeur du panorama partiel : 3072 sans licence krpano, largeur permettant l'export de 200 000 000 pixels avec.
      • Multi résolution : avec une licence krpano, lorsqu'une image (face du cube ou panorama partiel) dépasse 1024 sur une de ses dimensions, une pyramide multi résolution est automatiquement générée pour faciliter le chargement progressif des données.
    • Pastille pour le nadir : image insérée sur le nadir pour palier aux imperfections du panorama (cacher le trepier par exemple)
      • Echelle : taille de l’image insérée sur le nadir, exprimée proportionnellement à la taille de la face d’un cube
  • Paramètres de la camera : définition des règles de navigation dans le panorama 3D
    • Lacet : position horizontale du point de vu initial en degrés
    • Tangage : position verticale du point de vu initial en degrés
    • Champ angulaire : champ de vision du point de vu initial en degrés
    • Min : champ de vision minimal autorisé pendant la navigation
    • Max : champ de vision maximal autorisé pendant la navigation

Hotspot

Apt-fr-spot-properties.png
  • Lien :
    • Panorama : le hotspot permet de charger un panorama présent dans le projet
      • Transition
        • Zoomer vers le hotspot : la caméra zoom vers le centre du hotspot avant de charger le nouveau panorama.
        • Lacet, Tangage, Champ angulaire : champs de vision d'entré dans le nouveau panorama avant déplacement vers la vue par défaut.
    • Url : le hotspot permet de charger un lien vers une page internet (ne pas oublier http:// )
    • Html : cette option permet d’afficher la page html indiquée dans une fenêtre intégrée au player flash. Cependant la page html être composée d’une manière très minimaliste. Les balises html interprétables par le player flash sont disponibles à la page suivante : http://livedocs.adobe.com/flash/9.0_fr/ActionScriptLangRefV3/flash/text/TextField.html#htmlText. Le lien indiqué doit être relatif à l'endroit ou sera publier le fichier swf.
    • Objet : objet graphique (PNG, JPG, GIF, SWF) affiché lors du clic sur le hotspot
      • Position : position d'affichage de l'objet ou de la page html simplifiée
      • Largeur, hauteur : taille d'affichage en pixel de l'objet ou de la page html simplifiée. Si rien n'est précisé, la taille par défaut sera celle de l'objet ou la moitié de la taille de la visite pour une page html simplifiée.
  • Affichage :
    • Couleur : indique la couleur utilisée pour dessiner le hotspot polygonal lorsqu’il est survolé par la souris.
    • Visible en survol uniquement : le polygone peut resté toujours visible ou non.
    • Objet : objet graphique (PNG, JPG, GIF, SWF) qui sera affiché à l’endroit du hotspot ponctuel.
    • Info bulle : texte qui apparait lorsque le hotspot est survolé.

Publication web

Selon les propriétés d'export choisies il faut penser à copier toutes les données nécessaires à la lecture du flash :

  • si l'option "incorporer toutes les données" est décochée : il faut copier le sous répertoire nommé avec le nom du fichier swf suivi par "data"
  • si l'option "incorporer les fichiers xml" est décochée : il faut copier les fichier xml nommé avec le nom du fichier swf suivi par un nombre
  • si certains hotspots référencent des pages html simplifiées : il faut copier ces pages ainsi que tous les éléments composants ces pages.