This is a discussion on Sprite.hitArea una proprietà di Actionscript 3.0 within the Articoli e tutorials forums, part of the Flash CS3 e Actionscript 3.0 category; Mi ricordo che con Flash 8 capitava alle volte di dover creare un' area ' trasparente ' ( tipo Hotspot ) sui cui applicare ...
Mi ricordo che con Flash 8 capitava alle volte di dover creare un' area ' trasparente ' ( tipo Hotspot ) sui cui applicare degli eventi del mouse per poi far eseguire un determinato codice.
Faccio un esempio, creavo una MovieClip, con un' area di dimensioni che mi servivano e colore completamente trasparente. Utilizzando poi il vecchio metodo hitTest, assegnavo delle azioni una volta che il mouse dell' utente andasse a collidere con questa stessa area.
Sicuramente sarebbe tuttora una tecnica ancora valida utilizzando il nuovo metodo hitTestObject come abbiamo visto nell' articolo: hitTest con Flash CS3, ma adesso Actionscript 3.0 ci mette a disposizione una nuova proprietà della classe Sprite ( utilizzabile anche con la classe MovieClip, dato che quest' ultima eredita dalla classe Sprite ) che si chiama hitArea.
Come al solito, mi creo un FLA che salvo con nome ' main.fla ' di misure 550x300, al cui interno:
- creo, chaimiamola così, l' area che fungerà da esca. Una MovieClip ( con centro di registrazione in alto al centro ) di forma rettangolare, colore completamente trasparente di misure 550x100. La chiamo hit_area_mc e la posiziono a y=10.
- creo un' altra MovieClip ( con centro di registrazione in basso al centro ) che conterrà un menu , quindi con delle voci di menu e uno sfondo rettangolare di misure 550x100. La chiamo menu_mc e la posiziono a y=10.
Creo la Document Class, un file AS che salvo con nome ' Main.as ', implementata in questo modo:
Code:
package
{
import flash.display.MovieClip;
import flash.display.Sprite;
import flash.events.MouseEvent;
import flash.events.Event;
public class Main extends MovieClip
{
private var arriveY:int;
public function Main()
{
init();
}
private function init():void
{
stage.frameRate=31;
menu_mc.hitArea=hit_area_mc;
hit_area_mc.mouseEnabled=false;
menu_mc.addEventListener(MouseEvent.MOUSE_OVER,setOver);
menu_mc.addEventListener(MouseEvent.MOUSE_OUT,setOut);
}
private function setOver(m:MouseEvent):void
{
arriveY=98;
m.currentTarget.removeEventListener(Event.ENTER_FRAME,closeMenu);
m.currentTarget.addEventListener(Event.ENTER_FRAME,openMenu);
}
private function setOut(m:MouseEvent):void
{
arriveY=10;
m.currentTarget.removeEventListener(Event.ENTER_FRAME,openMenu);
m.currentTarget.addEventListener(Event.ENTER_FRAME,closeMenu);
}
private function openMenu(e:Event):void
{
var dy:Number=arriveY-e.currentTarget.y;
var ay:Number=dy*.2;
e.currentTarget.y+=ay;
if(Math.abs(dy)<=.2)
e.currentTarget.removeEventListener(Event.ENTER_FRAME,openMenu);
}
private function closeMenu(e:Event):void
{
var dy:Number=arriveY-e.currentTarget.y;
var ay:Number=dy*.2;
e.currentTarget.y+=ay;
if(Math.abs(dy)<=.2)
e.currentTarget.removeEventListener(Event.ENTER_FRAME,closeMenu);
}
}
}
Il risultato è questo che vediamo: ( basta andare verso la scritta ' menu ' col mouse )
Analizziamo il codice:
Proprietà
una variabile numerica ( numero intero ) a cui assegnerò ilpunto di arrivo Y per applicare un effetto inerzia a menu_mc
private var arriveY:int;
Metodi
init();
imposto un valore al frame rate
stage.frameRate=31;
ecco come dichiarare la proprietà hitArea. Si assegna la MovieClip hit_area_mc alla proprietà hitArea di menu_mc
menu_mc.hitArea=hit_area_mc;
poi perchè funzioni correttamente, bisogna impostare la proprietà mouseEnabled della MovieClip hit_area_mc a false
hit_area_mc.mouseEnabled=false;
aggiungo i due listeners in ascolto del MOUSE_OVER e MOUSE_OUT su menu_mc che chiameranno i rispettivi metodi setOver e setOut
menu_mc.addEventListener(MouseEvent.MOUSE_OVER,set Over);
menu_mc.addEventListener(MouseEvent.MOUSE_OUT,setO ut);
setOver();
imposto la variabile arriveY a 98 ( quindi menu_mc si sposterà con effetto inerzia alla coordinata y 98, in questo modo apriamo il menu
arriveY=98;
rimuovo il listener in ascolto di ENTER_FRAME che chiama il metodo closeMenu ( che vedremo di seguito )
m.currentTarget.removeEventListener(Event.ENTER_FR AME,closeMenu);
aggiungo il listener in ascolto di ENTER_FRAME che chiama il metodo openMenu ( che vedremo di seguito )
m.currentTarget.addEventListener(Event.ENTER_FRAME ,openMenu);
setOut();
imposto la variabile arriveY a 10 ( quindi menu_mc si sposterà con effetto inerzia alla coordinata y 10, in questo modo chiudiamo il menu
arriveY=10;
rimuovo il listener in ascolto di ENTER_FRAME che chiama il metodo openMenu ( che vedremo di seguito )
m.currentTarget.removeEventListener(Event.ENTER_FR AME,openMenu);
aggiungo il listener in ascolto di ENTER_FRAME che chiama il metodo closeMenu ( che vedremo di seguito )
m.currentTarget.addEventListener(Event.ENTER_FRAME ,closeMenu);
openMenu();
applico l' inerzia al movimento sull' asse Y di menu_mc in base al valore di punto di arrivo della variabile arriveY ( lo apro)
var dy:Number=arriveY-e.currentTarget.y;
var ay:Number=dy*.2;
e.currentTarget.y+=ay;
if(Math.abs(dy)<=.2)
e.currentTarget.removeEventListener(Event.ENTER_FR AME,openMenu);
closeMenu();
applico l' inerzia al movimento sull' asse Y di menu_mc in base al valore di punto di arrivo della variabile arriveY ( lo chiudo )
var dy:Number=arriveY-e.currentTarget.y;
var ay:Number=dy*.2;
e.currentTarget.y+=ay;
if(Math.abs(dy)<=.2)
e.currentTarget.removeEventListener(Event.ENTER_FR AME,closeMenu);
Re: Sprite.hitArea una proprietà di Actionscript 3.0
Ciao Flep
sono un nuovo utente e innanzi tutto complimenti per questo ottimo sito/forum.
Ho un problema sui tuoi tutorial, forse causato da inesperienza.....ogni volta che eseguo la prova del filmato mi da errore 1120 e non funziona niente.
Ho visto in giro che sembri sia qualcosa legato alla sintassi, ma non so se è giusto.
Potresti delucidarmi al riguardo, cosi riesco a concludere almeno uno dei tuoi preziosi tutorial.
Grazie
Ciao
Re: Sprite.hitArea una proprietà di Actionscript 3.0
Hai una proprietà che ha valore undefined... difficile da dirsi su 2 piedi, bisognerebbe che ci fai vedere il codice spiegando quali modifiche ai attuato rispetto al tutorial.
Re: Sprite.hitArea una proprietà di Actionscript 3.0
Ciao ragazzi scusate la domanda ma ho un problema che mi fa impazzire:
ho una MovieClip con all'interno altre 2 movieclip.Questa movieclip scende verso lo stage una volta che è stato schiacciato un pulsante. Fin qui tutto ok.
è anche predisposta una funziona perchè ritorni su con il medesimo movimento
la movieclip in questione è una menu bar con dentro (movieclip nella movieclip) dei tasti animati.
Quello che vorrei fare è che rimanesse giu fin quando il mouse non esce dalla sua area, e mi trovo davanti al seguente problema:
io ho provato a richiamare la funzione che la butta su di nuovo attraverso il comando MOUSE_OUT dalla menu bar stessa.
funziona senonchè quando mi sposto tra i tasti della menubar, il MOUSE_OUT è continuamente attivato e disattivato, attivato e disattivato. Cioe la movieclip della menubar riconosce l'uscita da sè stessa appena clikko sui tasti, ma in realtà i tasti sono dentro la menubar stessa, perchè si attiva il MOUSE_OUT???
Re: Sprite.hitArea una proprietà di Actionscript 3.0
ovviamente dopo dovrò anche vedermela col problema del fatto che il Mouse, prima di fare MOUSE_OUT, deve fare MOUSE_OVER.....no?
Mi spiego: la barra scende da fuori dello stage e non tocca il mouse per niente. come potrebbe il essere attivato un comando MOUSE_OUT se L"IN" non è ancora mai successo.......
Re: Sprite.hitArea una proprietà di Actionscript 3.0
Quote:
Originally Posted by Zolmandacuba
Ciao ragazzi scusate la domanda ma ho un problema che mi fa impazzire:
ho una MovieClip con all'interno altre 2 movieclip.Questa movieclip scende verso lo stage una volta che è stato schiacciato un pulsante. Fin qui tutto ok.
è anche predisposta una funziona perchè ritorni su con il medesimo movimento
la movieclip in questione è una menu bar con dentro (movieclip nella movieclip) dei tasti animati.
Quello che vorrei fare è che rimanesse giu fin quando il mouse non esce dalla sua area, e mi trovo davanti al seguente problema:
io ho provato a richiamare la funzione che la butta su di nuovo attraverso il comando MOUSE_OUT dalla menu bar stessa.
funziona senonchè quando mi sposto tra i tasti della menubar, il MOUSE_OUT è continuamente attivato e disattivato, attivato e disattivato. Cioe la movieclip della menubar riconosce l'uscita da sè stessa appena clikko sui tasti, ma in realtà i tasti sono dentro la menubar stessa, perchè si attiva il MOUSE_OUT???
Grazie
Ciao,
in questi casi ecco perchè si usano metodi come hitArea oppure hitTestObject.
Il tuo problema è che hai 2 eventi, uno per il contenitore e poi gli altri per i pulsanti dentro al contenitore che fanno contrasto.
Re: Sprite.hitArea una proprietà di Actionscript 3.0
Quote:
Originally Posted by Zolmandacuba
ovviamente dopo dovrò anche vedermela col problema del fatto che il Mouse, prima di fare MOUSE_OUT, deve fare MOUSE_OVER.....no?
Mi spiego: la barra scende da fuori dello stage e non tocca il mouse per niente. come potrebbe il essere attivato un comando MOUSE_OUT se L"IN" non è ancora mai successo.......
21-09-07, 08:27
Linear Mode
