Ce tutorial est limité à l'usage de Pmvr.class et FloorPlan.class. Référez-vous au site officiel Duckware pour obtenir une description et une aide complète. L'exemple ci-dessus vous montre les deux appliquettes Pmvr.class et FloorPlan.class.

Appliquette Pmvr.class         2 Appliquettes FloorPlan.class

Préparation

- Créez votre panorama en assemblant les photographies
- Téléchargez les applets Java PMVR et FLOORPLAN dans un fichier sur votre disque dur
- Décompressez le fichier pmvr.zip que vous avez téléchargé avec WinZip par exemple.
- Suivez le "guide pas à pas" suivant pour réaliser votre animation à 360°.

Recommandations

- Ne perdez pas de vue qu'il s'agit d'une appliquette Java destinée à une page Web.
- Réduisez le poids de vos images JPG afin d'avoir une animation fluide.

Description

PMVR est une appliquette Java très légère (12 ko) et est donc idéale pour vos pages Web. Elle est multi-plateforme (avec support Java) et fonctionne indifféremment avec Internet Explorer, Netscape Navigator ou Firefox. PMVR est un shareware, vous pouvez l'utiliser à titre personnel librement ou vous enregistrer si vous désirez en faire un usage permanent. PMVR peut être complétée et utilisée avec l'applet FLOORPLAN présente dans le fichier pmvr.zip.

Contenu du fichier téléchargé pmvr.zip

Réalisation et mise en oeuvre

1- Créez  une page Html à l'aide de votre éditeur et copiez le code Html ci-dessous dans le corps (body) de votre document

2- Définissez le cadre de visualisation de l'applet en adaptant sa valeur "width" et "height" (en bleu) à votre image panoramique, afin d'obtenir une vue complète et cadrée. Renommez "votre image"(en bleu) avec le nom de l'image panoramique que vous avez créée.

3- Pour terminer, placez "Pmvr.class" et "FloorPlan.class" dans le dossier où se trouvent votre page Html et votre image (copiez Pmvr.class et FloorPlan.class à partir du fichier pmvr.zip que vous avez téléchargé et décompressé avec WinZip).

C'est terminé...Ouvrez votre page Html avec votre navigateur Web pour voir votre panorama à 360° en action...

Configurer les paramètres de votre appliquette PMVR pour la rendre interactive

Pour Pmvr, seul le paramètre de l'image doit être adapter (avec le nom de votre image), le reste est facultatif mais bien utile lorsque vous voulez ajouter des liens cliquables (links) sur le panorama animé.

Sur la page web de l'Hyperpaysage interactif de l'Etna, voici les codes associés utilisant les appliquettes PMVR et FLOORPLAN :

Code associé à l'apliquette PMVR animant l'image panoramique :

<applet MAYSCRIPT name="pmvr" code="pmvr.class" width=500 height=134>
<param name="image" value="images/panovb02.jpg">
<param name="view" value="170">
<param name="center" value="452">
<param name="pixdeg" value="0=250,452=310,904=80">
<param name="auto" value="1">
<param name="link0" value="320,30,10, cuvvighiuni.html in _blank, Formation volcanique du Cuvigghiuni">
<param name="link1" value="380,110,10, videos/1991-EruzioneD.avi in _blank, Vid&eacute;o de la coul&eacute;e 1991-1993">
<param name="link2" value="410,20,10, Javascript:PopupImage('images/Sommit-01b.jpg'), Crat&egrave;res sommitaux">
<param name="hover" value="yes">
</applet>

Code associé à la possibilité de masquer les liens cliquables sur l'image panoramique :

<A href="javascript:document.pmvr.set('showlinks','yes')">visualiser</A>
<A href="javascript:document.pmvr.set('showlinks','no')">masquer</A>

Code associé à l'apliquette FLOORPLAN animant la carte topographique :

<applet MAYSCRIPT code="FloorPlan.class" name="FloorPlan" width=207 height=138>
<param name="image" value="images/cartetopovb.jpg">
<param name="x" value="137">
<param name="y" value="116">
<param name="link0" value="0,0,207,138, Javascript:PopupImage('images/Eruzione-2001-sat02a.jpg'),click !">
</applet>

Code associé à l'apliquette FLOORPLAN animant la carte géologique :

<applet MAYSCRIPT code="FloorPlan.class" name="FloorPlan" width=207 height=138>
<param name="image" value="images/carta-geol-VdB.jpg">
<param name="x" value="137">
<param name="y" value="116">
<param name="link0" value="0,0,207,138, Javascript:PopupImage('images/DEM-Etna-01.jpg'),click !">
</applet>

Le tableau suivant vous montre les paramètres vous pouvez configurer :