Creare panoramiche di immagini in Flash

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.

FPanoramic

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].

Scarica il sorgente
Guarda il Tutorial

Annunci

13 thoughts on “Creare panoramiche di immagini in Flash

  1. 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;)

  2. 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 🙂

  3. Stage.scaleMode = “noscale”;
    fp.loadImage(‘carolina.swf’,50,50,true);
    fp.setMaxZoom(200);

    scusa l’ ignoranza ma….cosi?

    cmq grazie mille

  4. 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?

  5. 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.

  6. 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…

  7. Ciao Julius, ho un problema nella creazione di una panoramica di questo genere sulla base del tuo tutorial: ho un’immagine di dimensioni maggiori di quella del tuo esempio (la mia è di circa 7000 pixels di width) e non so come mai quando la inserisco al posto di canyon.jpg non riesco a farla scorrere tutta (arrivata ad un certo punto torna all’inizio senza aver compiuto un “giro” completo di 360°).

    Potresti darmi una mano? Che settaggi devo cambiare?
    Grazie

    P.S. Il sito è utilissimo, complimenti

Rispondi

Effettua il login con uno di questi metodi per inviare il tuo commento:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...