Ciauz :P

Come ormai tutti avrete notato, FlepStudio continua a vivere soprattutto grazie agli sponsors.
Uno di questi è Flashloaded, creatori di ottimi componenti per Flash.

Questo articolo è dedicato ad uno dei componenti di Flashloaded che si chiama 3D wall

Cos'è ?
Una strabiliante galleria immagini in 3D ! Davvero bello.
Inoltre, a mio parere, ha un prezzo equo e accessibile.

A quale target/livello di utenti è indirizzato?
Sicuramente a principianti che vogliono ottenere effetti strabilianti e fuori dal comune senza utilizzo di Actionscript o di interpolazioni su timeline.
Ma non solo, sono ottimi anche per utenti avanzati che però necessitano di uno strumento veloce in modo da risparmiare tempo prezioso nella creazione di una galleria immagini di puro impatto.

Detto questo ho deciso di scrivere una recensione su questo fantastico componente.

Ho creato alcuni esempi:

vediamolo...

Installazione
Assicurarsi di avere installato sulla propria macchina l' ultima versione di Adobe Extension Manager, scaricabile da qu?.

Doppio click sul file 3DWall.mxp e si apre Adobe Extension Manager.
Accettare le condizioni ed installare il componente.
Riavviare Flash !
Troverete il componente nel pannello componenti in una nuova cartella con nome 3DWall.

Come gestire il componente

Una volta trascinato il componente sullo stage, apriamo la finestra " component inspector ".
Si apre una finestra con diversi parametri configurabili.

Creare le immagini e le anteprime

Prima di tutto dobbiamo creare una cartella con le immagini che utilizzeremo per la galleria creata dal componente.
Quindi creo le immagini e le anteprime con nomi uguali. Cioè ad esempio se la prima immagine si chiama img_1.jpg, la sua anteprima si deve avere lo stesso nome.
Supponiamo di creare una cartella con nome wallimages e al suo interno metteremo le immagini.
Poi bisogna creare una cartella dentro a wallimages, che chiamamo ad esempio thumbs, nella quale metteremo le anteprime delle immagini.
I nomi delle cartelle verranno poi inseriti in un file XML.
Di seguito spiego come fare.

Creare un file XML

Per far s? che il componente funzioni e sappia dove sono le immagini che deve caricare dall' esterno, bisogna creare un file XML con la seguente struttura :

<?xml version="1.0" encoding="macintosh"?> <gallery imagesFolder="wallimages/" thumbnailsFolder="wallimages/thumbs/"> <img src="1.jpg" width="500" height="375" /> <img src="3.jpg" width="500" height="375" /> <img src="5.jpg" width="375" height="500" /> <img src="6.jpg" width="500" height="375" /> <img src="7.jpg" width="375" height="500" /> <img src="8.jpg" width="375" height="500" /> <img src="9.jpg" width="500" height="375" /> <img src="10.jpg" width="500" height="375" /> <img src="11.jpg" width="500" height="375" /> <img src="12.jpg" width="375" height="500" /> <img src="13.jpg" width="500" height="375" /> <img src="14.jpg" width="500" height="375" /> <img src="15.jpg" width="500" height="375" /> <img src="16.jpg" width="500" height="375" /> <img src="17.jpg" width="500" height="375" /> <img src="18.jpg" width="375" height="500" /> <img src="19.jpg" width="500" height="375" /> <img src="20.jpg" width="500" height="375" /> <img src="22.jpg" width="500" height="375" /> <img src="23.jpg" width="500" height="375" /> <img src="24.jpg" width="500" height="443" /> <img src="27.jpg" width="500" height="375" /> <img src="28.jpg" width="500" height="375" /> <img src="29.jpg" width="500" height="375" /> <img src="30.jpg" width="375" height="500" /> <img src="31.jpg" width="500" height="375" /> <img src="32.jpg" width="500" height="375" /> <img src="33.jpg" width="500" height="375" /> <img src="34.jpg" width="500" height="375" /> <img src="35.jpg" width="500" height="375" /> </gallery>

Nel nodo gallery abbiamo 2 attributi ( imagesFolder e thumbnailsFolder ).
In questi 2 attributi bisogna inserire i nomi della cartella immagini e quella delle anteprime.
Poi inseriamo un nodo ( figlio del nodo gallery ) per ogni immagine:

<img src="1.jpg" width="500" height="375" />

Ogni nodo immagine contiene 3 attributi: src, width e height.

Come valore dell' attributo src inseriamo il nome dell' immagine. In width la larghezza dell' immagine ed in height l' altezza.

Come gestire il componente

Una volta trascinato il componente sullo stage, apriamo la finestra " component inspector ".
Si apre una finestra con diversi parametri configurabili.

Di tutti questi parametri mi soffermo solo sul primo: XMLSource.
In questo dobbiamo specificare ( inserendo l' url assoluto o relativo ) dove si trova il file XML con le informazioni delle immagini.

Tutti gli altri gestiscono esclusivamente gli effetti che vogliamo applicare alla galleria immagini.

Requisiti
Adobe Flash CS3 e non versioni precedenti.
Windows o MAC

Setting di pubblicazione
Flash Player 9 o superiore
Actionscript 3.0 e non versioni precedenti

Voto
frequenza di utilizzo: essenziale
complessità: facile
stabilità: robusta
maturità: notevole
popolarità: innovativo

voto totale: eccellente

Provalo adesso

Alla prossima !

TrackBack URI for this entry

Commenti (5)

RSS feed Comments

Mostra/Nascondi commenti

bello!
scritto da g.luca, April 29, 2008

Non lo conoscevo questo componente. Certo è davvero bello

errore
scritto da Luca, June 27, 2008

ciao
è da poco che mi stò cimentando nel mondo del flash

allora io inserisco l'indirizzo del file xml
salva tutto il progettino
però poi quando vado a farlo partire mi
dà questo errore:"TypeError: Error #1010: Un termine risulta undefined e non ha proprietà.
at com.flashloaded.Wall3D::Wall3D/::maintainFocalPointBoundaries()
at com.flashloaded.Wall3D::Wall3D/::renderScene()"

mi dai una mano a risolverlo?
è una mattinata che ci stò sopra e non riesco a districarmi
ciao
a presto
Luca

come fare?
scritto da gianfranco, July 03, 2008

Ciao a tutti, segiuo da tempo questo sito, e mi sto cimentando nel flash "amatoriale" e devo dire che con l'ausilio dei tutorial e delle utility di flep riesco pian piano a capire sempre di piu.... adesso mi sto cimentando nellì'uso dell Wall3d e non ho capito una cosa... come posso collegare un'immagine a una pagine html?ossia quando si clicca nella immagine si viene automaticamente spostati in una pagina internet esterna all'applicazione?

test
scritto da marko, July 04, 2008

non c'è una versione demo/trail da scaricare?

test
scritto da markisssimo, July 04, 2008

non c'è una versione demo/trail da scaricare? vorrei fare degli esperimenti prima di investire...

Mostra/Nascondi form commento

Nome

Email

Titolo

Commento

smaller | bigger

Aggiungi Commento