Per la visualizzazione di questo esempio occorre il Flash player 10 o superiore.
Quello che vi propongo questa volta è un esempio di 'tag cloud' basato, però, su di un insieme di immagini e non sull'usuale insieme di voci testuali. Un oggetto simile mi fu chiesto tempo fa per un progetto di lavoro. Ve ne propongo qui una versione semplificata per lasciarvi apprezzare la movimentazione delle immagini e l'interazione ottenibile con esse spostando il 'mouse'. Ancora una volta la matematica si rivela generatrice di magie!
Ogni immagine che compone il 'tag cloud' è caricata dall'esterno ed è cliccabile. Al 'click' su ognuna di esse si apre una nuova risorsa 'web' in un'altra finestra del 'browser'. Oltre alle immagini, anche le informazioni relative ai loro percorsi sono recuperate esternamente da un 'file .xml', permettendo al 'tag cloud' di essere facilmente aggiornabile.
Il linguaggio utilizzato per ottenere questo esempio è ActionScript 3.0 in ambiente Adobe Flash.
Per la visualizzazione di questo esempio occorre il Flash player 10 o superiore.
Vi propongo un nuovo esempio di carosello di immagini creato in Flash ed ActionScript 3.0. Questo oggetto è un'evoluzione di 'Carosello a fiore'.
Ogni immagine 'thumbnail' che compone la galleria è caricata dall'esterno ed è cliccabile. Al 'click' su ognuna di esse si apre, al centro, il relativo ingrandimento, anch'esso recuperato dall'esterno (non inlcuso nel '.fla') e compare la descrizione sulla parte superiore del carosello. Oltre alle immagini, anche le informazioni relative ai loro percorsi e le descrizioni sono recuperate esternamente da un 'file .xml', permettendo al carosello di essere facilmente aggiornabile.
Uno 'slider' situato nell'angolo in basso a destra permette di variare la profondità della galleria. La programmazione utilizzata per produrre questa galleria di immagini sfrutta alcune potenzialità 3D di ActionScript 3.0 oltre che, per quanto riguarda la rotazione della stessa, l'applicazione di alcune funzioni trigonometriche. Un po' di matematica e l'uso di temporizzatori per gestire le animazioni in 'run-time', hanno permesso di ottenere gli effetti d'inerzia che movimentano il carosello in entrata e che hanno reso tanto popolare Adobe Flash.
To properly view the example, you must have Flash player 10 or higher installed on your machine.
Move the mouse around to displace, scale and rotate the images into space. Repositioning the mouse at the centre of the 'stage' makes the images restore their initial properties values. All enriched with a nice inertial effect. Enjoy! :)
To properly view the example, you must have Flash player 10 installed on your machine.
Here you are a new example of carousel developed in Flash and AS3. Each image is loaded externally and is cliccable. As a matter of fact, the images are menu options. When one of them is clicked, a new browser window opens an associated URL. When you mouse-over an image, a description appears in the middle of the carousel. Each piece of information is taken from xml data loaded from an external file.
Per la visualizzazione di questo esempio occorre il Flash player 10 o superiore.