Oggi vedremo come creare panoramiche di immagini in Flash utilizzando il componente FPanoramic.
Questo componente ci permette di creare panoramiche di immagini in pochissimi secondi, infatti ci basta inserire il percorso dell’immagine e il resto lo farà lui.
Abbiamo la possibilità di muoverci con il mouse in tutte le direzioni, e inoltre in basso a sinistra, possiamo gestire il movimento automatico con i 3 pulsanti rispettivamente, play/stop, +zoom e -zoom.
Ecco il codice che dovremo personalizzare:
Stage.scaleMode = "noscale";
fp.loadImage('canyon.jpg',50,50,true);
fp.setMaxZoom(200);
Analizziamo il codice nei dettagli:
Stage.scaleMode = "noscale";
Rendo lo stage non scalabile
fp.loadImage(imagePatch, scale_x, scale_y, autoSpin)
fp.setMaxZoom(200);
Imposto il valore dello Zoom Massimale in questo caso x200
Per poter riutilizzare in seguito il componente FPanoramic.mxp, andiamo a installarlo nel nostro set di componenti.
Apriamo Macromedia Extension Manager, poi andiamo su Installa estensione [CTRL+I] e sceglialo FPanoramic.mxp, dopo averlo installato, lo troveremo tra i nostri componenti, Finestra >> Componenti [CTRL+F7].
Scarica il sorgente
Guarda il Tutorial
Componenti, Design, Flash, Immagini, Slides, Sviluppo, Tools, Tutorial

tag abilitati: <code> </code> | <a href=""> </a> | <b> </b> | <i> </i>
Lucylu
24 Luglio 2007 alle 10:20 am
Wow!!!
Mi sono imbattuta nel tuo blog grazie alla tua visita nel mio..e devo dire che i tuoi argomenti sono molto interessanti. Da questo blog potrei imparare davvero molto;)
Ci vedremo spesso..anche se durante le vacanze non te lo prometto;)
Julius
24 Luglio 2007 alle 10:48 am
Quando vuoi
un saluto
carolina
27 Luglio 2007 alle 13:06 pm
julius ciao vorrei sapere una cosina….
ma invece di un immagine posso fare la stessa cosa con un swf?
se si devo cambiare nulla nel codice?
ciao
Julius
27 Luglio 2007 alle 14:40 pm
Certo…dovrebbe bastare cambiare il percorso imagePatch con il tuo swf
ciao
carolina
27 Luglio 2007 alle 15:04 pm
Stage.scaleMode = “noscale”;
fp.loadImage(’carolina.swf’,50,50,true);
fp.setMaxZoom(200);
scusa l’ ignoranza ma….cosi?
cmq grazie mille
Julius
27 Luglio 2007 alle 15:06 pm
yes, ovviamente devi avere un swf di nome carolina nella stessa cartella
carolina
27 Luglio 2007 alle 15:18 pm
xfetto
troppo gentile
jonny
8 Agosto 2007 alle 2:33 am
Ciao! Ho flash MX (del 2002) e ho installato le extension manager 1.6 ma nn trovo il componente di cui parli FPanoramic.mxp. Forse è solo nell’ultima versione (extension manager 1.7) compatibile con le ultime versioni di flash?
Julius
8 Agosto 2007 alle 13:09 pm
Ciao jonny penso proprio di si.
Se non la vedi tra i componenti vuol dire che non è compatibile..
cristian
28 Ottobre 2007 alle 21:24 pm
Ma se uno non dispone di un panorama 360 ° e quindi utilizza una foto sempre di dimensioni 1200×600 non è possibile mettere il blocco per evitare il brutto effetto di quando scorrendo finisce la foto e ricomincia marcando chiaramento lo stacco.
Marco
6 Dicembre 2007 alle 21:19 pm
Ciao Julius
sono rimasto impressionato delle tue capacità.
Se hai fatto tutto da te sei veramente un grande.
Volevo chiederti un aiuto riguardo questa panoramica.
Volevo personalizzarla cambiando l’immagine e farla visualizzare più grande.
Non riesco ad aumentare le dimensioni della panoramica, se nel flash cambio la risoluzione dello stage e anche quella del clip “fp” il filmato rimane delle stesse dimensioni e scompaioni i comandi per fare lo zoom.
Spero in un tuo aiuto…
Julius
9 Dicembre 2007 alle 13:58 pm
Quando allarghi il clip “fp” ricorda di allargare anche le dimensioni dello stage
massimo
19 Marzo 2008 alle 17:13 pm
ciao, complimenti,
questo è per panoramiche cilindiche, è possibile anche con le sferiche?
Gabriele
25 Aprile 2008 alle 10:59 am
Ciao Giulio, mi ricollego alla domanda di cristian del 28 Ottobre 2007 alle 21:24 pm
“Ma se uno non dispone di un panorama 360 ° e quindi utilizza una foto sempre di dimensioni 1200×600 non è possibile mettere il blocco per evitare il brutto effetto di quando scorrendo finisce la foto e ricomincia marcando chiaramento lo stacco.”
E’ possbile farlo?
Grazie mille
Julius
28 Aprile 2008 alle 19:42 pm
Lo sviluppo del codice è più nel componente che ora come ora non si puo modificare…
Per panoramiche sferiche molto probabilmente bisogna usufruire di qualche classe esterna 3D vedi papervision
manuel
29 Aprile 2008 alle 0:51 am
Ottimo. Molto bravo.
Cmq io potrei copiare direttamente il fotogrammi del sorgente e metterli all’interno di un mc nel mio flash o dovrei apportare delle modifiche?
Grazie mille.
massimo
29 Aprile 2008 alle 1:20 am
ciao julius, grazie….
Julius
29 Aprile 2008 alle 19:52 pm
@manuel Puoi direttamente inglobarlo, se hai problemi leggi _lockroot
@massimo figurati
antonio
30 Maggio 2008 alle 0:14 am
Ciao…
rispondo ad un post pubblicato il 24 Luglio 2007
inanzitutto di ringrazio… questo sito è grandioso…
tutti argomenti interessanti…
ora voglio chiederti…
l’immagine posso caricarla con flashvars?
posso aggiungere un pulsante per il fullscreen?
grazie
Lenny Nero
10 Settembre 2008 alle 11:47 am
ciao julius..ho una foto che vorrei fermare dopo circa 200 gradi, dove modifico il codice per stoppare? inoltre lo zoom-out non funzia..
Julius
10 Settembre 2008 alle 20:54 pm
@antonio con flashvar puoi inserire una variabile dinamica da associare al parametro della foto
@Lenny non sono sicuro ma penso si possano fissare delle coordinate…appena ho tempo faccio qualche prova
Lenny Nero
11 Settembre 2008 alle 9:32 am
ok,grazie..attendo se riesci a risolvere questo problema
Marco
16 Settembre 2008 alle 10:09 am
Ciao julius volevo sapere se con questo componente è possibile passare da una foto all’altra con un pulsante. Creare una navigazione virtuale con più foto panoramiche.
Grazie
Marco
Silvestro
16 Settembre 2008 alle 16:28 pm
@Marco
credo che bisogna semplicemente creare un pulsante che modifichi il targetPath del componente, cmq interessa anche a me, aspettiamo la risposta del Grande Julius
Julius
16 Settembre 2008 alle 23:31 pm
Come dice silvestro basta cambiare la variabile targetPath del componente è riprodurre le istruzioni
Marco
17 Settembre 2008 alle 12:20 pm
Non ho capito scusate. Ho visto che nella libreria c’è un oggetto che si chiama spot_arrow e che nelle azioni c’è “add the spots”. Ma come faccio a posizionare spot_arrow esattamente su una porta della foto caricata esternamente? Ed è possibile inserire più di un punto caldo?
Grazie mille per il prezioso aiuto
Silvestro
17 Settembre 2008 alle 13:17 pm
Ho appena avuto un’idea geniale per creare tour virtuali!!!
se con una videocamera giriamo un video da cavalletto da destra verso sinistra generando una rotazione di 360 gradi abbiamo una sorta di tour, giusto? dopodichè basterebbe creare un pulsante dx che riproduce normalmente il video, ed uno sx che riproduce il video a ritroso, avremmo così l’impressione di andare a destra o a sinistra nell’ambiente ripreso…. Così ci risparmiamo tanta fatica nell’assemblare le foto per il panorama…. Che ne pensate?
Julius, che dici, è fattibile?
Marco
25 Settembre 2008 alle 11:22 am
Qualcuno sa dirmi come si realizza una cosa del genere ?
http://www.delphina.it/360/VilleCaladiFalco/SoggiornoAngoloCottura.html
Julius
25 Settembre 2008 alle 20:18 pm
@Silvestro: non male come idea anche se forse un po pesante se si vuole mantenere una qualità di immagini e fluidità con i video
@Marco: ciao
per fare questi effetti qui ci sono programmi avanzati o piccoli progetti dietro
prova a fare una ricerca