TUTORIAL - CREATION DUNE VISITE VIRTUELLE AVEC PANO2VR

Ce tutorial va expliquer comment crer en quelques minutes une visite virtuelle avec le logiciel Pano2VR.

Avant de crer une visite virtuelle, il faut au pralable avoir assembl plusieurs panoramas sphriques et
disposer pour chaque panoramasoit dune image quirectangulaire soit des 6 faces du cube.

Pour ce tutorial, nous sommes partis de 3 panoramiques sphriques pris dans l'aitre de Brisgaret
Montivilliers (Seine-Maritime). Pour chaque panoramique sphrique, nous disposons dune image
quirectangulaire de taille 5996 x 2998 pixels.

1re tape : Ouvrir un nouveau rpertoire

La premire chose faire est la cration dun nouveau rpertoire (ou dossier) que nous appellerons
aitre_brisgaret

Glissons dans ce rpertoire, nos 3 images quirectangulaires.

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 1

2me tape : Rgler les prfrences du logiciel Pano2VR

Ouvrir le logiciel Pano2VR et ouvrir les prfrences. Vrifier que dans Hotspots la case est dcoche

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 2

3me tape : Traitement du premier panoramique sphrique

Glisser-dposer la premire image quirectangulaire dans la croix

Slectionner comme format de sortie le Flash (si on veut utiliser le format QuickTime: voir annexe)

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 3

La fentre suivante saffiche.

Renseigner les diffrents champs:

- taille des faces: pour un affichage en plein cran, mettre une valeur entre 1500 et 1900,
- qualit de limage : mis ici 70
- sous-titres : 3
- taille de la fentre: 800 x 600 pixels
- modles: slectionner un modle. Ici jai slectionn un modle avec un radar

- format: utiliser le format Flash 9 bien meilleur que le Flash 8

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 4

Cliquer sur longlet Paramtres avancs. La fentre suivante saffiche

Ici peu de choses rgler (les valeurs par dfaut vont bien). La seule chose ventuellement rgler est le
type de prvisualisation qui permet de dterminer comment saffichera rapidement le panoramique
sphrique pendant le chargement. Ici on a choisi de faire une prvisualisation en chelle de gris. On peut
choisir un affichage en spia ou en couleurs.

Reste cliquer sur longlet HTML.

Sur cet cran, il ny a qu cocher la case Activer le fichier HTML et de choisir le modle permettant
un affichage plein cran fullscreen.ggt.
Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 5
Cliquer sur le bouton OK. Le systme affiche le message suivant. Cliquer sur Oui pour lancer la
cration du fichier Flash.

Le systme affiche la taille du fichier Flash cr. Il faut que la taille soit autour de 2 Mo sans dpasser 3
Mo pour un affichage en plein cran. Ici la taille est 2,6 Mo ce qui est correct. Si la taille est suprieure
3Mo, cliquer sur licne en forme doutil et diminuer la taille du cube et/ou la qualit.

Renseignons quelques informations gnrales sur le panoramique.

En cliquant sur le bouton Modifier, la fentre suivante saffiche

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 6

Il nous reste crer les hotspots

En cliquant sur le bouton Modifier, la fentre suivante saffiche.

Cliquer sur le bouton Oui: il saffiche alors

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 7

Crons notre premier hotspot en renseignant les champs
- Titre: titre du hotspot Vers la chapelle
- Url: nom du script html permettant de lancer le panoramique vers lequel on veut aller (ici le 2me
panoramique de la srie)
- Cible: mettre toujours _self (avec un tiret de soulignement)

Reste localiser sur limage quirectangulaire la position du hotspot

Pour ce faire, il est possible dutiliser divers outils. Ici, on utilise loutil Rectangle au coin arrondi.

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 8

La position du hotspot est matrialis par la zone en rouge.

Voil le premier hotspot est cr!!

Il faut maintenant crer un 2me hotstop pour pouvoir aller vers notre 3me panoramique.

Cliquons sur licne permettant dajouter un nouveau hotspot. Le systme affiche alors la fentre
suivante.

Entrons les caractristiques du 2me hotspot

Et sa localisation. On utilise ici un second outil permettant de dessiner un polygone. A noter que le
premier hotspot nest plus en rouge mais en bleu (cela indique quil nest pas actif).

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 9

Dessinons la position du 2me hotspot

Le second hotspot est cr. Il reste cliquer sur le bouton OK pour revenir lcran principal de
Pano2VR

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 10

Important: ne pas oublier de cliquer sur licne Tous cre pour sauvegarder toutes les modifications
faites.

Cliquer sur le bouton OK.

Il ne reste plus qu sauvegarder le projet (menu Fichier et Sauvegarder) pour pouvoir faire des
modifications ventuelles ultrieurement. Le systme affiche la fentre. Cliquer sur le bouton Save

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 11

Dans le rpertoire cr au dbut, 5 nouveaux fichiers ont t crs
- aitre_brisgaret1.swf: cest le panoramique sphrique au format Flash
- aitre_brisgaret1.html: cest le script html permettant de lancer le panoramique avec affichage en plein
cran
- aitre_brisgaret1_hs.png: cest le fichier contenant la position des hotspots
- aitre_brisgaret1.p2vr: cest lensemble de la sauvegarde des informations entres dans Pano2VR
- p2q_embed_object.js: cest un utilitaire pour lancer le panoramique en Flash

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 12

4me tape : Traitement du second panoramique sphrique

Il reste faire le mme traitement pour le 2me panoramique

Cration du fichier Flash

Cration du 1er hotspot

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 13

Cration du 2me hotspot

Ne pas oublier de sauvegarder en cliquant sur le bouton:

Contenu du rpertoire aprs la cration du 2me panoramique

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 14

5me tape : Traitement du troisime panoramique sphrique

Il reste faire le mme traitement pour le 3me panoramique

Cration du fichier Flash

Cration du 1er hotspot

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 15

Cration du 2me hotspot

Ne pas oublier de sauvegarder en cliquant sur le bouton:

Contenu du rpertoire aprs la cration du 3me panoramique

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 16

6me et dernire tape : Mise en ligne sur internet

Parmi les fichiers du rpertoire, seuls les fichiers surligns en bleu sont mettre en ligne dans un espace
de stockage sur internet

En final, dans le rpertoire de lespace stockage internet, on doit avoir les fichiers suivants

Pour tous questions ou commentaires, laisser un message dans le forum Panophoto.org cette adresse:
voir lien

Merci.

Gibie 28 Juin 2008

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 17

ANNEXE Complments si on dsire une sortie au format QuickTime

Pano2VR permet galement une sortie en format QuickTime. Dans cette annexe, nous allons voir ce qui
change dans le tutorial prcdent si on dsire une sortie au format QuickTime.

Le premier changement porte sur la cration du fichier QuickTime (lors de la 3me tape)

Glisser-dposer la premire image quirectangulaire dans la croix

Slectionner comme format de sortie le QuickTime.

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 18

La fentre suivante saffiche.

Renseigner les diffrents champs :

- Taille Face cubique : pour un affichage en plein cran, mettre une valeur entre 1500 et 1900,
- Qualit Image : mis ici 70
- Sous-Blocs : 3
- Taille Fentre : 800 x 600 pixels
- Qualit Mouvement: Haut
- Qualit Statique: Max
- Type Prvisualisation: Echelle de gris. On peut aussi choisir un affichage en spia ou en couleurs.

Reste cliquer sur longlet HTML.

Sur cet cran, il ny a qu cocher la case Activer le fichier HTML et de choisir le modle permettant
un affichage plein cran fullscreen.ggt.

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 19

Cliquer sur le bouton OK. Le systme affiche le message suivant.

Cliquer sur Oui pour lancer la cration du fichier Flash.

Le systme affiche la taille du fichier Quicktime cr. Il faut que la taille soit autour de 2 Mo sans
dpasser 3 Mo pour un affichage en plein cran. Ici la taille est 2,7 Mo ce qui est correct. Si la taille est
suprieure 3 Mo, cliquer sur licne en forme doutil et diminuer la taille du cube et/ou la qualit.

Il reste renseigner sur les informations gnrales sur le panoramique et crer les hotspots. Cela se fait
exactement de la mme faon que pour la version Flash.
Aprs la cration des 2 hotspots, il ne reste plus qu sauvegarder le projet (menu Fichier et
Sauvegarder) pour pouvoir faire des modifications ventuelles ultrieurement. Le systme affiche la
fentre. Cliquer sur le bouton Save

Dans le rpertoire cr au dbut, 5 nouveaux fichiers ont t crs

- aitre_brisgaret1.mov : cest le panoramique sphrique au format QuickTime
- aitre_brisgaret1.html : cest le script html permettant de lancer le panoramique avec affichage en plein
cran
- aitre_brisgaret1_hs.png : cest le fichier contenant la position des hotspots
- aitre_brisgaret1.p2vr : cest lensemble de la sauvegarde des informations entres dans Pano2VR
- p2q_embed_object.js : cest un utilitaire pour lancer le panoramique en QuickTime

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 20

En final aprs avoir fait le traitement sur les 3 panoramiques, le rpertoire contenu au dbut du tutorial
contiendra les fichiers suivants

Parmi les fichiers du rpertoire, seuls les fichiers surligns en bleu sont mettre en ligne dans un espace
de stockage sur internet

En final, dans le rpertoire de lespace stockage internet, on doit avoir les fichiers suivants

Voil cest fini!!

Tutorial sur la cration dune visite virtuelle avec Pano2VR Page 21