Foto panoramiche e navigazioni virtuali
Una volta realizzata la fotografia panoramica a 360°, ottimizzata per il web (a 72 px/inch), è possibile procedere in diversi modi, il più semplice è inserire la foto (evidenziata in rosso) in questo codice:
<applet name="ptviewer" archive="ptviewer.jar" code="ptviewer.class" width="95%" height="200" mayscript="true">
<param name="file" value="panoramica.jpg">
<param name="cursor" value="MOVE">
<param name="quality" value="20">
<param name="auto" value="0.05">
<param name="bgcolor" value="111111">
<param name=hotspot0 value=" x850 y70 cCC0000 n'Laghetto' p i'laghetto.gif' t'laghetto' u'laghetto.jpg'" />
<param name="shsEnableVisibleOnly" value="true" />
<param name=shotspot0 value="x83 y180 a104 b197 q i'play3.gif'">
<param name=shotspot1 value="x83 y180 a104 b197 p i'play4.gif' u'ptviewer:startAutoPan(-0.1,0,1)' ">
<param name=shotspot2 value="x110 y180 a137 b197 q i'panoramiche/panoramica-parco-ferrari/play1.gif' ">
<param name=shotspot3 value="x110 y180 a137 b197 p i'panoramiche/panoramica-parco-ferrari/play2.gif' u'ptviewer:startAutoPan(0.1,0,1)' ">
<param name=shotspot4 value="x137 y180 a162 b197 q i'panoramiche/panoramica-parco-ferrari/stop1.gif' ">
<param name=shotspot5 value="x137 y180 a162 b197 p i'panoramiche/panoramica-parco-ferrari/stop2.gif' u'ptviewer:stopAutoPan()' ">
<br>
<param name="showtoolbar" value="true">
<param name="toolbarDescr_x" value="170">
<param name="toolbarDescr_color" value="000000">
</applet>
Questo codice da questo risultato:
Per realizzare la panoramica occorre il file ptviewer.jar che puoi scaricare da qui cliccando sul nome
I parametri di Ptviewer
- Il parametro "quality" può essere assegnato per attivare l'interpolatore Lanczos2. Vengono generate così immagini più nitide ma più lentamente, per cui questa fuonzione viene attivata solo quando l'immagine non è in movimento. Quando l'immagine è in movimento viene usata l'interpolazione bilineare.
Questo valore adesso è di default. Il vantaggio di qualità dell'interpolatore Lanczos2 è più grande quando si ingrandisce l'immagine.
- Il parametro "showToolbar" (default = false). Se settato "true" ptviewer mostra una toolbar integrata con tre bottoni: zoom +, zoom - e shotspot. La barra funziona anche come indicatore di caricamento.
I pulsanti shotspot 
cambiano aspetto se premuti = 
, cosi l'utente può vedere se i pulsanti sono attivi.
La toolbar viene visualizzata prima degi shotspot così è possibile settare altri shotspot sopra la barra stessa per aggiungere altre funzioni.
- Il parametro "toolbarDescr_x". Il valore puo esseere un numero intero da usarsi per cambiare la coordinata x dove la descrizione dell'hotspot (collegamento mobile all'interno della finestra Ptviewer) viene visualizzata nella toolbar. E' utile se avete aggiunto nuovi bottoni a destra di quelli standard.
- Il parametro "toolbarDescr_color" per impostare il colore della descrizione dell'hotspot nella toolbar.
Il parametro deve essere impostato con un valore esadecimale come tutti gli altri parametri dei colori di PTViewer. Il colore predefinito è il nero. Questo valore viene sovrascritto dal parametro "c" nella definizione dell'hotspot, se presente.
- Il parametro "toolbarImage". Funziona solo se "showToolbar" viene impostato a "true" e viene usato per personalizzare la toolbar.. puoi scaricare l'immagine col tasto destro ed adoperare i pulsanti che devono rimanere delle dimensioni prefissate:25x17 pixel...
clicca qui per altre informazioni.
-
Il parametro "autoTime". Si usa solo se "auto" viene usato per avviare la rotazione automatica.
Il valore di "autoTime" è il numero di secondi necessari a effettuare la rotazione di 360° .
<param name="autoTime" value=120> produrra' una rotazione completa in 2 minuti, naturalmente se il PC non sarà veloce a sufficienza il tempo di rotazione aumenterà.
- La funzione "startAutoPan( pan_inc, tilt_inc, zoom, autoTime )" che puo' essere usata per avviare la rotazione automatica con un valore prefissato di "autotime"
- Le funzioni "hotspot" possono:
- semplicemente visualizzare sulla toolbar il nome della località attraverso il parametro n'nome della località' del colore in codice esadecimale
- possono essere visualizzati nella finestra ptviewer con una immagine gif o jpg che è da collocare tramite le coordinate x e y, considerate in pixel a partire dallo 0,0 che è l'angolo superiore sx della finestra attraverso il parametro i'nomeimmagine.gif';
- Possono funzionare da pulsante di collegamento ad un'immagine o ad un'altra pagina web attraverso il parametro u'nomeimmagine.jpg'
- Per aprire l'immagine o la pagina collegata in un'altra finestra è utile il parametro t'nomeimmagine' per evitare di dover tornare indietro e il caricamento della panoramica che si stava guardando.
Esempio di una riga per definire un hotspot:
<param name=hotspot0 value=" x850 y70 cCC0000 n'Laghetto' p i'laghetto.gif' t'laghetto' u'laghetto.jpg'" />
Se ne possono aggiungere in notevole quantità, tenendo conto di numerarli sempre progressivamente da 0 in poi.
