PDA

View Full Version : come si fanno rollover flash??


geng@
13-07-2003, 12:15
devo fare un pulsante per rollover che funziona così:

quando il puntatore va sopra al pulsante un pannello si deve muovere e stare giù finchè ci sto sopra, poi tornare al suo posto quando mi sposto dal pulsante.

come si fa?

pento
13-07-2003, 13:15
esistono diversi modo per fare questo. ti descrivo nel dettaglio un dei modi più intuitivi e semplici:
crei un "movie clip" con 3 layer, denominandoli: "action", "roll over" e "movie".
nel layer "movie" inserirai l'animazione del tuo bottone, es: il bottone nel fotogramma 1 sarà fermo nella sua posizione, nel 10 sarà nella seconda posizione (in basso) e nel 20 tornerà nella posizione iniziale. Animi tutto con "create tween motion" (N.B. Non è importante che il bottone che si muove debba essere un vero e proprio bottone, può essere un oggetto "graphic").
Nel layer "action", metterai l'azione "stop" sia nel fotogramma 1 che nel 10.
in fine in "roll over" creerai due pulsanti, il primo delle dimensioni dell'area sensibile. Se entri all'interno del pulsante vedrai i 4 fotogrammi "up", "over", "down" e "hit"; e metterai la geometria che hai disegnato solo nel fotogramma "hit". In questo modo crei un pulsante completamente trasparente, ma ugualmente sensibile al mouse. Inserisci questo primo pulsante nel primo fotogramma, e dagli l'azione: "on roll over go to and play 2". Poi crea il secondo pulsante, dovrà essere grande come tutta l'area del tuo swf, ma bucato, con il buco coincidente all'area in cui si svolge l'animazione del bottone. Anche questo secondo bottone sarà trasparente con la geometria in "hit". Inserisci il secondo nel fotogramma 10 (corrispondente al secondo stop del layer "action"), con l'azione: "on roll over go to and play 11". Sempre in "roll over" elimina i fotogrammi dall'11 in poi.
In questo modo dovrebbe funzionare, è più semplice di quello che sembra, se dovessi avere problemi, mandami la tua mail che ti spedisco un fla con un esempio.

geng@
13-07-2003, 13:33
grazie mille! ora provo.

geng@
13-07-2003, 14:08
sieee... ho fatto solo un gran casino...

gengan@freemail.it :D

pento
13-07-2003, 15:12
ti ho spedito il fla via mail

geng@
13-07-2003, 15:26
grazie mille :)

geng@
13-07-2003, 23:04
mi hanno consigliato anche questo metodo... che è abbastanza veloce e funziona bene:

-crei i due simboli (pulsante e pannello)
-assegna un nome all'istanza dei due simboli (istance name)
-metti nel primo frame della line temporale principale (timeline)
questo script:

setProperty("_root.gino", _visible, false);


script per il pulsante:

on (rollOver) {
setProperty("_root.gino", _visible, "true");
}
on (release) {
setProperty("_root.gino", _visible, false);
}

gino= il nome che dai all'istanza del pannello

cazzarola che casino sto flash... io che ero abituato a farci le animazioni e basta... :mc:

pento
13-07-2003, 23:49
infatti ti avevo detto che ci sono tanti modi. volevo evitarti script vari, ti ho descritto il modo più intuitivo, che da spiegare è lungo, ma da applicare facile e veloce. ma va bene anche lo script, ma solitamente si comincia da questo metodo, successivamente vengono in aiuto anche gli script.

geng@
14-07-2003, 00:03
porca l'oca però con lo scriptino il primo pannellino che tiro giù viene bene, poi se mi sposto scompare e quando passo agli altri sono già giù, semplicemente compaiono :muro: :muro:

mi servirebbe una robina tipo questa puntando sui product and services: movimento in rollover, ritorno all'indietro al rollout.
http://www.xs-engineering.com/ (sticazzi che sito)

digitalfx
14-07-2003, 01:43
Originally posted by "geng@"


http://www.xs-engineering.com/ (sticazzi che sito)

beh diciamo che sembra molto 2advanced (2advanced.com)...

un pò superato come effetti...


vuoi vedere un sito veramente allucinante in flash?

vediti questo vero e proprio CULT
[/siz]

è spettacolare...
:D

dimmi che te ne pare!!!

geng@
14-07-2003, 01:46
si, è dei 2 advanced e piuttosto vecchiotto... ma fa quello che voglio io...

il tuo sito... cazzo che roba, ma peso da piagne... vabeh

digitalfx
14-07-2003, 01:51
Originally posted by "geng@"

si, è dei 2 advanced e piuttosto vecchiotto... ma fa quello che voglio io...

cazzo avevo fatto un fla tempo fa con effetti simili

se lo trovo te lo mando :)

visto NEOSTREAM? :D

geng@
14-07-2003, 02:02
si lìho visto il tuo sito... cazzo che roba, ma peso da piagne... e due :D :D

digitalfx
14-07-2003, 02:14
Originally posted by "geng@"

si lìho visto il tuo sito... cazzo che roba, ma peso da piagne... e due :D :D

hai notato come si prende a cazzotti il personaggio? troppo allucinante...
:D

dies_irae
14-07-2003, 03:14
schiscia il bottone "ROLLOVER" e fai avanti avanti avanti... :D:D:D:D

maurice75
14-07-2003, 10:25
Originally posted by "digitalfx"



beh diciamo che sembra molto 2advanced (2advanced.com)...

un pò superato come effetti...


vuoi vedere un sito veramente allucinante in flash?

vediti questo vero e proprio CULT
[/siz]

è spettacolare...
:D

dimmi che te ne pare!!!

http://forum.hwupgrade.it/faccine/38.gifhttp://forum.hwupgrade.it/faccine/38.gifhttp://forum.hwupgrade.it/faccine/38.gif

pento
14-07-2003, 13:44
il menu di http://www.xs-engineering.com/ è molto più complesso di quello che hai descritto, oltre ad avere l'animazione che va in basso ha anche una sorta di drag dello stesso. per ottenere la stessa cosa non puoi che utilizzare uno script.

geng@
14-07-2003, 14:48
no, il drag non interessa... va benissimo quello del menu di sx dove i guadratini si muovono verso il rollover...

mik77
14-07-2003, 15:13
prova questo. Devi studiartelo un po'.
scusa per come è spiegato ma è più di un anno che non tocco flash e mi ricordo poco o nulla. ehmm.. comunque non è farina del mio sacco :D è un bel casino arrivarci da solo.

ciao

pento
14-07-2003, 15:44
Originally posted by "geng@"

no, il drag non interessa... va benissimo quello del menu di sx dove i guadratini si muovono verso il rollover...

ti ho mandato un'altro esempio via mail, non è molto complesso lo script, prova.

geng@
14-07-2003, 15:55
il fla di mik è peffetto... ora me lo guardo e cerco di inserirlo.
il fla di pento è bello ma non capisco che c'entra...

grazie!!! siete mitigi!!!

:cool: :cool:

pento
14-07-2003, 15:58
con quello script puoi muovere qualsiasi oggetto vove vuoi e come vuoi, devi solo aggiungere il roll-over e il roll-out

geng@
14-07-2003, 19:59
sempre peggio...

ho finito il sito e funziona a bestia... ma non so come farlo funzionare in rete!!!

l'ho messo sul mio ftp... ma se cerco di andarci mi da forbidden e mi dice che non sono autorizzato a entrare su quel server :muro: :muro:

geng@
14-07-2003, 20:03
FUNZIONAAAAAAAAAAAAAA IL MIO PRIMO SITO FLASHISTICO OLEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE :cool: :cool:

http://www.pratoskates.firenze.net/

mik77
14-07-2003, 23:15
non si apre http://forum.hwupgrade.it/faccine/33.gif

geng@
14-07-2003, 23:19
boh a me funziona... devi mettere flash 6 suppongo...

digitalfx
14-07-2003, 23:31
a me si apre correttamente

figo il roll-over :D

geng@
14-07-2003, 23:36
Originally posted by "digitalfx"



figo il roll-over :D

figo sì... grazie a mik!

mik77
15-07-2003, 08:24
:D adesso si apre boh... sai cosa io sposterei leggermente le scritte dei bottoni in modo che quando scende il testo non vengono nascoste.

ciao

francesco25
15-07-2003, 20:55
Originally posted by "digitalfx"



beh diciamo che sembra molto 2advanced (2advanced.com)...

un pò superato come effetti...


vuoi vedere un sito veramente allucinante in flash?

vediti questo vero e proprio CULT
[/siz]

è spettacolare...
:D

dimmi che te ne pare!!!


:eek: :eek: :eek: :eek: :eek: :eek: [/list]

cazz1
16-07-2003, 18:39
qualcuno mi potrebbe mandare lo script per fare il rollover come quello nel sito(a proposito complimenti)

il mio prob. è che so fare un rollover dove uscendo con il mouse riproduce un filmato d'uscita...il fato è ce se uno ci passa sopra velocemente riproduuce solo il filmato d'uscita...io vorrei un rollover che esce e poi torna indietro nel puno esatto in cui è uscito


insomma...si è capito qualcosa di quello che ho detto?

geng@
16-07-2003, 18:58
Originally posted by "cazz1"


insomma...si è capito qualcosa di quello che ho detto?
'n s'è capita na sega :D ma vai alla pagina 1 del thread e scaricati l'allegato "test" di mik77.