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)
- imagePatch: carico l’immagine canyon.jpg, che potrebbe essere anche resa dinamica con una variabile
- scale_x: 50 scalo l’ascissa dell’immagine al 50%
- scale_y: 50 scalo l’ordinata dell’immagine al 50%
- autoSpin: Se impostato a true l’immagine viene inizializzata a fare la panoramica altrimenti, false sta ferma
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].
34 Commenti
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;)
Quando vuoi :)
un saluto
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 :)
Certo…dovrebbe bastare cambiare il percorso imagePatch con il tuo swf
ciao
Stage.scaleMode = “noscale”;
fp.loadImage(‘carolina.swf’,50,50,true);
fp.setMaxZoom(200);
scusa l’ ignoranza ma….cosi?
cmq grazie mille
yes, ovviamente devi avere un swf di nome carolina nella stessa cartella
xfetto
troppo gentile ;)
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?
Ciao jonny penso proprio di si.
Se non la vedi tra i componenti vuol dire che non è compatibile..
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.
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…
Quando allarghi il clip “fp” ricorda di allargare anche le dimensioni dello stage :P
ciao, complimenti,
questo è per panoramiche cilindiche, è possibile anche con le sferiche?
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
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
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.
ciao julius, grazie….
@manuel Puoi direttamente inglobarlo, se hai problemi leggi _lockroot
@massimo figurati
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
ciao julius..ho una foto che vorrei fermare dopo circa 200 gradi, dove modifico il codice per stoppare? inoltre lo zoom-out non funzia..
@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
ok,grazie..attendo se riesci a risolvere questo problema
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
@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 ;)
Come dice silvestro basta cambiare la variabile targetPath del componente è riprodurre le istruzioni
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
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?
Qualcuno sa dirmi come si realizza una cosa del genere ?
http://www.delphina.it/360/VilleCaladiFalco/SoggiornoAngoloCottura.html
@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
Ciao Julis, prima di tutto complimenti…sei un genio!!!
Vista la disponibilità che dimostri a chi ti chiede aiuto ne approfitto per farti un paio di domande! ;)
Premesso che le mie conoscenze di flash sono abbastanza scarse, utilizzando questa panoramica ho riscontrato diversi problemi:
1: Volendo fare una galleria di immagini ho pensato di creare un’unica immagine contenente una sequenza di immagini. L’immagine di dimensioni 6400 x 360 non viene visualizzata interamente e mentre scorre ricomincia da capo senza aver visualizzato tutta la sequenza.
2: ho modificato le dimensioni della slide portandola ad un’altezza di 360 px come quella della mia foto. Quando parte la panoramica l’immagine viene visualizzata scalata nonostante i parametri scale_x e scale_y siano zero visualizzando una banda grigia inferiore.
3: è possibile modificare i colori dei pulsanti play e zoom? se si, come?
Grazie anticipatamente e spero tu mi possa aiutare.
@biancoshock ciao sui colori non sono sicuro che possano essere cambiati in quanto è un componente interno, sono le prime versioni quindi non penso sia configurabile purtroppo…
Io ti consiglierei di utilizzare questa galleria: Slide Gallery XML
Ciao Julius,
domanda simile all’ultima… Ho una foto che supera i 1200px di larghezza. Come faccio a visualizzarla tutta? In verticale sono riuscito ad ampliare lo stage, portandolo a 300px, ma nell’orizzontale non mi arriva nemmeno a metà! :)
Ci sono soluzioni??
Grazie mille e complimenti per l’applicazione!
Stefano
Ciao Julius,
E’ possibile diminuire la velocità dello scorrimento panoramico?
Ho provato a modificare nell’AS la variabile:
this.options.speed = 1;
ma non è cambiato nulla, idee?
Inoltre è possibile inserire dei punti cliccabili nell’immagine, che al click zoommano ad esempio?
Grazie Mille
Ciao questa guida è ottima , ma come potrei applicarla ad un lavoro flash cs3 in as3????