Stavo cercando un menu 3D rotatorio in flash e finalmente l’ho trovato!
Questo menu grazie alla classe Tween gia discussa in precedenza, permette il movimento rotatorio dei nostri options con una prospettiva 3D.
Obbiettivamente questo esempio è molto grazioso, ha la possibilità di avere in aggiunta una descrizione aggiuntiva come si vede dall’immagine sopra, e anche graficamente è soddisfacente, notare le obre stile web 2.0 :)
Tramite un file .XML possiamo aggiungere, diminuire o modificare un option con la sua descrizione.
- Vediamo la struttra del file XML:
<icons>
<icon image="icon1.png" tooltip="pippo" content="bla bla bla" />
</icons>
- image= percorso dell’immagine o filmato esterno .swf
- tooltip= titolo della nostra option
- content= descrizione dell’option
Scarica il sorgente V.1
Scarica il sorgente V.2
Guarda il Tutorial
Implementazioni aggiuntive
- Scarica il sorgente carica swf su tutta la pagina
- Scarica il sorgente carica swf come contenuto
- Scarica il sorgente link + descrizione nel file .XML
- Scarica il sorgente link diretto alle icone tramite file .XML
- Scarica il sorgente link via POPUP + descrizione nel file .XML
Esempi dei lettori
- Scarica il sorgente Menu Carousel inviato da LiberatedBlade
321 Commenti
ciao julius dovrei farti una domanda un po stupida XD sai cn flash sn alle prime armi..allora ho ridimensionato lo stage…xche dovrei rimpicciolire il flash x farlo stare nella mia pagina … ma come ridemensiono lo stage..le icone si vedono a meta e anke il filmato flash..farebbe anche a ridemensionare il filmato? nel senso
di vederlo x intero ma piu piccolo..come quando lo lascio alle dimensioni reali..
Ciao matteo prova a leggere questo aricolo Stage resize
Ciao Julius è possibile creare una versione nella quale convoglino tutte le varianti ( apertura pop up, swf ecc.)??
grazie e davvero molti complimenti
ciao Julius,
prima di tutto complimenti per il sito, poi:
ho provato, senza successo, a fare si che per ogni item ci siano 2 immagini, una di base e una che appare con l’over accanto all’altra inserendo un nuovo mc “tooltip” all’interno di “item” e mettendo l’url della seconda immagine alla voce tooltip nel file xml.
segue il codice saliente:
…..
var t = home.attachMovie(“item”,”item” i,i 1);
t.angle = i * ((Math.PI*2)/numOfItems);
t.onEnterFrame = mover;
t.tooltip.loadMovie(nodes[i].attributes.tooltip);
t.tooltip._alpha = 0;
t.content = nodes[i].attributes.content;
t.icon.inner.loadMovie(nodes[i].attributes.image);
t.r.inner.loadMovie(nodes[i].attributes.image);
t.icon.onRollOver = over;
t.icon.onRollOut = out;
t.icon.onRelease = released;
}
}
function over()
{
//BONUS Section
var sou:Sound = new Sound();
sou.attachSound(“sover”);
sou.start();
t.tooltip._x = this._parent._x;
t.tooltip._y = this._parent._y – this._parent._height/2;
t.tooltip.onEnterFrame = Delegate.create(this,moveTip);
t.tooltip._alpha = 100;
}
function out()
{
delete home.tooltip.onEnterFrame;
t.tooltip._alpha = 0;
}
…
invertendo gli alpha del tooltip ho verificato che almeno l’immagine viene caricata giusta..
hai qualche idea a riguardo?
ciao/grazie
Ciao Julius,
complimenti per il sito e per l’opera di assistenza che svolgi!!!!!!
notevole anche questo lavoro da te prodotto e messo all’attenzione
di tutti;
a tal riguardo da neofito quale sono, nell’uso di flash e in particolare del codice di programmazione, ti volevo chiedere se era possibile ottenere un menù rotatorio iniziale e poi la sua disposizione orizzontale tipo menù Mac;
In fine ti volevo chiedere se era possibile ottenere l’apertura di file formato pdf dal cliccare le icone disposte a menù.
Il tutto per ottenere un eseguibile su cd
grazie di cuore!
Ciao marco,
Per quanto riguarda la prima domanda, penso di si ma ci sarebbe da modificare e svillupare un po di codice, provo a fare delle prove ma non ti assicuro niente :)
Invece per quanto riguarda il link a file pdf lo puoi fare semplicemente inserendo il percorso nel file XML del file pdf…
A seconda del browser il file sarà aperto o scaricato…se vuoi che venga solo scaricato ti consiglio di zipparlo…
ciao Julius,
ti ringrazio dell’aiuto.
Per semplificare è possibile ottenere un menù statico che sia sistemato
nella parte inferiore dello schermo eliminando l’aspetto rotatorio
così da evitare complicati passagggi di programmazione (= ho provato e riprovato, non ci capisco niente!!!!!!!!!)
Grazie dell’attenzione e complimenti per il livello di preparazione che dimostri nei lavori che suggerisci nel blog!
Ciao marco per quello che serve a te, visto che lo vuoi statico ti consiglierei di utilizzare Dock Bar stile Mac OS X in Flash
ciao Julius,
ti chiedo un’altra cosa: se volessi diminuire la velocità del menù rotatorio che vada piano piano…… è fattabile?
ciao e grazie ancora.
scritto da alfire
ciao, Julius
volevo chiederti se era possibile inserite il menu 3d rotatorio realizzato su un flash image_scroller (tipo quello di heroes presente sul sito). In pratica voglio mantenere la funzione di scrolling in tutte le direzioni e da un lato inserire il menu rotatorio.
Ho provato ma non ci riesco, non capisco dove sbaglio, mi sparisce il menu’, non so che fare….
potresti darmi un consiglio?
Grazie
gigio
Includi il menu nel swf in questo modo
Grazie mille per il tuo aiuto.
Sei un grande,
adesso provo subito a fare come mi hai detto.
by
gigo
Ciao Julius.
vedo che la discussione su questo argomento si è particolarmente accesa!!
Saluto tutti i “nuovi”, e mi permetto di porti una “nuova” domanda.
Sto modificando il file menu_carousel da me inviatoti (non da me crato sia chiaro!!), in quanto è quello che più si adatta alle mie esigenze, sono riuscito a personalizzarlo abbastanza rendendolo un po più accattivante, l’unica cosa che proprio non riesco a implementare sono però i riflessi stile web 2.0 sotto alle icone. Ho provato a crearle con una funzione in Actionscript trovata su html.it ma proprio non sembra funzionare.
Volevo quindi cheiderti se conosci un buon tutorial per la creazione dei riflessi o, se e solo se hai tempo, potessi dare un’occhiata al mio codice.
Grazie in anticipo
Ciao
LiberatedBlade.
Ciao,
ho inserito il menu rotatorio e funziona correttamente grazie ai tuoi consigli.
ho 2 problemini che non riesco a risolvere.
Mi potresti dare delle dritte?
– Posizionando il menu rotatorio mi sono accorto che posizionando il cursore sull icona anteriore essa non rallenta, ma se sposto il cursore a sinistra (verso il centro della pagina allora rallenta). Come mai?
– Volevo chiederti come faccio a fare in modo che la parte alta del menu rotatorio, durante la rotazione, venga nascosta da una immagine, cosi da far credere che le icone del carousel vi passino dietro per poi riapparire.
(un po come avviene in questo sito: http://www.7sense.com.ar/
in cui il menu rotatorio passa dietro il medaglione centrale.)
Ti ringrazio in anticipo
Gigio
Per la prima domanda il menu è fatto cosi…le icone in prima linea vengono gestite in questo modo
Per la seconda
Crea un nuovo livello e inserisci un clip filmato di nome istanza mc_box, con dentro quello che vuoi.
ora da codice inserisci
mc_box.swapDepths(9999);Ti ringrazio molto per la tua disponibilità e pazienza con chi spesso si trova in difficolta con questo programma tanto potente quanto complesso da imparare.
Dinuovo un grazie mille!!!
Gigio.
Sei un portento, ha funzionato al primo colpo!!!!!!!
@Gigio ti ringrazio alla prossima
julius come faccio a impostare la dimensione del box quando si clicca su un’icona ? l’area su cui lavoro è 1020×606 quando clicco per esempio su icona1.png l’area che si apre è piccolina io la voglio a tutta area come si fa ? grazie saluti
Scusa mi sono dimenticato anche un’altra cosa come faccio quando do loadMovie(“menurotatorio.swf”,2); il menu si avvia a scatto sul fondo che ho sotto invece voglio farlo entrare con una dissolvenza alpha come faccio ? e soprattutto quando parte xkè si muove lento da solo ? voglio che sta fermo e solo quando mi muovo a destra o a sinistra si muove.. grazie ancora
@Alessandro ciao
l’area la puoi aumentare a seconda dello stage
appena entri nel file sorgente trovi l’aerea in cui viene inserita la descrizione…
Basta andare a intercettare l’evento release delle varie icone e spostare la stessa….
Il menu gira sempre, puoi rallentarlo pero leggi il commento di alfire
julius ho risolto questo problema ora c’è un’altro molto piu’ grande… io ho home.swf che è la scena principale e menu.swf che è il menu.. quando clicco sul pulsante MENU della home si apre il menu dal menu però devo spostare degli oggetti che stanno sul file home.swf siccome sta su un file diverso la _root non funziona ho provato con lookroot ma funziona al contrario ovvero posso spostare solo oggetti dalla home al menu.. non ci sto capendo nulla.. devo creare in pratica una funzione che mi permetta di caricare e scaricare il menu dalla home cliccando sul pulsante MENU.. come posso fare ? grazie ancora
Julius plz puoi dirmi come generare i riflessi da actionscript?
Ne ho estremo bisogno..!!
Grazie
@Alessandro non ho capito…
@LiberatedBlade che tipo di riflessi?
Dovrei implementare i riflessi di questo file (menu rotatorio 3d) nel menù che ti ho inviato (Menu Carousel), intendo i riflessi sotto ogni icona che vengono generati da codice actionscript. Ho gia provato con decine e decine di esempi ma nessuno sembra funzionare.
Vorrei solo qualche indicazione
Grazie :-)
P.S. utilizzo flash 8 non il cs3
Leggi questo Tutorial
ancora grande Julius, questo menù l’avevo visto tempo fa, però visto che non mi serviva non c’avevo messo la mani.
ora però è giunta l’ora, ho un problema, in pratica le lettere accentate non me le riconosce e quindi non si vedono.
il problema è solo con le lettere accentate, e non con gli apici (anche perchè non si possono mettere gli apici).
leggevo tra i commenti consigliavi di codificare in metodologia ASCII, ma come si fa fa? e soprattutto cosa vuol dire?
è questa la suluzione?
ti ringraio in anticipo!
Ciao marco leggi qui Codifica caratteri speciali XML
AriGrande Julius, a che punto sta il tuo processo di beatificazione??
Santo Subito! :-)
Tanto per la cronaca, magari per gli altri, ho risolto incorporando anche il latino come dicevi nell’altro post.
che c’entra sto latino? boh..
Ciao Julius, complimenti per… i complimenti! Sito molto bello ed efficace.
Ho un problemino, sto lavorando alla V.4
Vorrei spostare l’icona + sinistra quando si clicca sopra di essa e carichi un swf esterno.
Come si controlla la sua posizione dopo il click?
spero di essere stato chiaro.
Grazie
s.
@Marco il latinus c’entras sempres
@mela77 ciao
linea 88/89 controlli la x e la y
var tw3:Tween = new Tween(t,"_x",Strong.easeOut,t._x,200,1,true);var tw4:Tween = new Tween(t,"_y",Strong.easeOut,t._y,320,1,true);
Grazie. Provato e funziona perfettamente. Ho anche capito come si “scala” il ritorno…
Mitico!
grazie.
Altra domanda… ho fatto lo stesso passaggio di @Giggi… quello del 7seven… con al centro un’immagine… ma non funge… il codice lo devo inserire [ mc_box.swapDepths(9999); ] nella root della timeline?
Se così non mi funziona…
Altra cosa… Sto utilizzando la V.4 perché non mi apre i link che non siamo SWF? Ho in codice xml così:
dove ../ sta per la root.
non funziona neanche con ./
boh?
Ciao Julius,
ho risolto una parte dei problemi.
Solo non riesco ancora a far inserire al centro del “cerchio” un’immagine.
Vorrei sapere un’altra cosa. È possibile far aprire ad un solo pulsante un pop-up o un link html esterno?
Grazie
s.
Per aprire una popup basta che segui il tutorial su come aprire una popup nella sezione TUTORIAL
per inserire un oggetto in mezzo al menu rotatorio
Crea un nuovo livello e inserisci un clip filmato di nome istanza mc_box, con dentro quello che vuoi.
ora da codice inserisci
mc_box.swapDepths(9999);per la pop-up la dovrebbe fare dal codice XML… io sto lavorando alla V.4
“ora inserire da codice”
va inserito nella timeline frame1 o nel codice del menu.
la V.4 ha un swf main che carica l’swf del menu.
Grazie
buona domenica
s.
ciao Julius volevo chiederti come posso rallentare leggermente il movimento circolare del menu’
grazie
Ciao teribile76,
io ho fatto così:
speed = (this._xmouse-centerX)/10000;
mi sembra si al’ultima riga del codice.
s.
Come dice mela77 =)
ciao Julius, ho problema con queso menu.
volevo fargli fare che una volta che ho cliccato su un icona, la singola icona mi vada alle coordinate che gli dico io, è possibile??
ho provato a cambiare un po’ di numeri, ma non riesco a trovare quello giusto.
è possibile??
grazie!
linea 88/89 controlli la x e la y
var tw3:Tween = new Tween(t,"_x",Strong.easeOut,t._x,200,1,true);var tw4:Tween = new Tween(t,"_y",Strong.easeOut,t._y,320,1,true);
grazie, grazie, grazie!!!
dopo neanche mezz’ora!
un mito!
Ciao Julius, è possibile aprire una popup cliccando direttamente sulle icone png? Non riesco a capire come funziona il pulsalink e spostare la sua funzione su on release. Grazie per la tua disponibilità e complimenti a te per la tua bravura.
ciao…ho notato una cosa…perche nel file xml del tooltip se scrivo dei numeri non si vedono?..per esempio se scrivo “modello445” mi si visualizza solo “modello”…sai perche?
grazie!:)
Devi incorporare i caratteri del campo dinamico
grazie marchino,pensavo che ci fosserò gia!^^
ciau.
Ciao Julius…ho letto già altre volte questo articolo ma nn avevo mai letto tt i commenti (c’ho messo mezz’ora) ma nn ho trovato la soluzione per il mio problema…
vorrei creare una gallery di foto rotante come questo menù, al posto delle icone devono apparire delle piccole preview di immagini… ogni volta ke l’immagine della parte d’avanti raggiugne la posizione centrale deve apparire al centro delle anteprime rotanti l’immagine in formato grande…
mi puoi spiegare e dammi delle dritte su come farla xkè sono un neofita…
GRAZIE
ecco esattamente quello che voglio fare:
http://mabogroup.com/img_main/animazione.swf
XPIACERE AIUTAMI…