Building Drag and
Drop Objects
By David J. Emberton
ActionScript.com <http://www.actionscript.com/>
Creiamo oggetti trascinabili
Con l'aggiunta ai vostri giochi ed ai vostri programmi di
oggetti da spostare a piacimento potete aumentarne il livello di interattività. Anzichè
limitare l'interattività di coloro che useranno i vostri programmi a cliccare punti
predefiniti, potete offrire loro la possibilità di modificare direttamente le
diverse interfacce, in modo simile a quello disponibile nei sistemi operativi GUI, come in
Windows e MacOS.
Finalmente, l'ambiente operativo di Flash 4 rende facile creare semplici oggetti che
possono essere trascinati con il mouse. Ma attenzione, solo le movie clip possono
essere rese trascinabili, perciò dovete creare i vostri oggetti in un Movie
Clip, e quindi piazzare uno script che faccia da starter e renda trascinabile il
Clip.
Quindi, dovremo scegliere un Disegno, trasformarlo in un
Pulsante, e quindi inserirlo in un Movie Clip. Poi aggiungeremo al Pulsante un semplice
ActionScript (=comando di Effetto) che attiverà o disattiverà la trascinabilità a
seconda di quel che l'utente fa con il mouse.
CREIAMO UN OGGETTO TRASCINABILE
1. Iniziamo con un nuovo Flash Movie: File > New
(or Ctrl + N).
2. Rispettiamo le buone abitudini, facciamo doppio clik su Layer 1 e
rinominiamolo Drag Cat.
3. Ci servirà un disegno di base per il nostro oggetto. Ho usato il gatto nero
disponibile in Libraries > Graphics; si sistema il
disegno e se ne trascina un richiamo nel riquadro.
4. Si seleziona il disegno del gatto e si preme F8.
Si scrive Drag Cat nel campo "Name", si seleziona Movie
Clip e si preme OK.
5. Dovremmo essere ancora al primo fotogramma. Clikkiamo col tasto destro sulla Movie Clip
"Drag Cat" e, nella sottofinestra che appare, selezioniamo "Edit in
Place".
6. Entriamo col cursore nella Drag Cat Clip, selezioniamo nuovamente il disegno del gatto
e premiamo F8. Questa volta scriviamo Cat Button nel
campo "Name", selezioniamo Button e premiamo OK.
Quel che dobbiamo fare per creare il nostro gatto trascinabile è tutto qui. Ora rimane
solo da aggiungere al Pulsante uno Script che richieda un Effetto collegato ad un certo
evento.
AGGIUNGIAMO L'ACTION SCRIPT
1. Per continuare, dovremmo editare il Movie Clip che abbiamo chiamato Drag Cat. Facciamo
un doppio clik sul richiamo Cat Button e, nella finestra Properties,
selezioniamo Actions tab. Con il tasto +, aggiungiamo l'Effetto giusto,
rendendo il nostro script
simile a quello mostrato di seguito:
On (Press, Drag Over)
Start Drag ("")
End On
On (Release, Release Outside, Drag Out)
Stop Drag
End On
Ecco fatto! Se adesso proviamo il nostro Movie (premendo Ctrl + Enter),
dovremmo essere in grado di clikkare e poi trascinare in giro per la finestra il disegno
del gatto.
COSA SIGNIFICA LO SCRIPT
Traducendone il codice, lo script si legge all'incirca così:
"Se l'utente clikka e trascina me - il bottone -, il Movie Clip che è la mia origine
segue il cursore. Se invece l'utente trascina il cursore senza toccarmi, o lascia il
bottone del mouse, la Movie Clip di origine smette di seguire il cursore."
Noterete che l'oggetto, per l'azione Start Drag, è una stringa vuota (""). La
si può riempire con il un comando specifico, ma, poichè questo esempio è stato
costruito per essere riutilizzato, di proposito ci abbiamo lasciato dentro uno spazio
bianco, come default.
ULTERIORI OPZIONI
A seconda delle applicazioni, sono disponibili alcune altre opzioni. Non sono trattate in
questa sede, ma qui ce n'è una breve illustrazione:
- Determinare un perimetro -
Essenzialmente permette di limitare l'area entro la quale è possibile spostare l'oggetto.
Può essere utile nei giochi o nella costruzione di elementi di interfaccia come le
"guide" che servono a controllare i movimenti verticali ed orizzontali.
- Centrare il Mouse -
In certi casi può essere desiderabile che il Movie Clip si allinei con il mouse. Per
esempio con giochi come Bitzo In Space, dove il disegno della navicella segue sempre
automaticamente il cursore, usando una tecnica simile a quella di cui parliamo in questo
tutorial. Salvo che in casi come questi, l'effetto Drag Movie Clip è normalmente
provocato dall'azione su di un
tasto, piuttosto che per mezzo di un Pulsante.
[traslate by alfridus@tin.it].
Vuoi
ricevere gli aggiornamenti del sito? Clicca qui!
|
