Realizzeremo
ora una mappa navigabile utilizzando la tastiera. Il sistema �
molto semplice, per poterla realizzare � necessaria la
conoscere di alcuni comandi di actionscript (setproperty,
condizione if) e la conoscenza delle maschere.
1. Passate allo scanner
una cartina stradale della vostra citt� e la salvate nel formato JPG.
Con il comando Import, importatela con Flash avendo cura di farla rientrare nello Stage,
in caso contrario basta ridurla con Modify--> Scale.
Chiamate il layer contenente la cartina col nome
mappa.
Convertite la cartina in movieclip avendo cura di dare il nome "mappa" su "Istanza".
Create un nuovo Layer e date come nome: Pulsante.
Disegnate su questo Layer un pulsante di forma quadrata e lo convertite in Botton.
Il pulsante bisogner� renderlo trasparente in modo da farlo funzionare da tastiera o il mouse con i tasti: Dx e Sx.
Per rendere il pulsante trasparente, dovete fare doppio click su esso in modo da editarlo e trascinare il contenuto
del fotogramma SU nell'area attiva HIT. Dopo questo lavoro, spostate il pulsante fuori dallo Stage.
A queso punto inseriamo
l'actionscript. selezioniamo il nostro pulsante trasparente
e nel pannello azioni digitiamo:
on (keyPress "+") {
if (_root.mappa._xscale<130) {
setProperty ("_root.mappa", _xscale, _root.mappa._xscale+3);
setProperty ("_root.mappa", _yscale, _root.mappa._yscale+3);
}
}
on (keyPress "-") {
if (_root.mappa._xscale>50) {
setProperty ("_root.mappa", _xscale, _root.mappa._xscale-3);
setProperty ("_root.mappa", _yscale, _root.mappa._yscale-3);
}
}
on (keyPress "<Down>") {
if (_root.mappa._y<400) {
setProperty ("_root.mappa", _y, _root.mappa._y+3);
}
}
on (keyPress "<Up>") {
if (_root.mappa._y>-100) {
setProperty ("_root.mappa", _y, _root.mappa._y-3);
}
}
on (keyPress "<Right>") {
if (_root.mappa._x<500) {
setProperty ("_root.mappa", _x, _root.mappa._x+3);
}
}
on (keyPress "<Left>") {
if (_root.mappa._x>-200) {
setProperty ("_root.mappa", _x, _root.mappa._x-3);
}
}
Esaminiamo il
nostro codice:
on (keyPress "+") nel nostro
caso l'azione dovr� essere eseguita alla pressione del tasto +
della tastiera,
if (_root.mappa._xscale<130)
{ serve per limitare l'ingradimento al 130% delle
dimensioni originali altrimenti proseguirebbe
all'infinito,
setProperty (_root.mappa, _xscale,
_root.mappa._xscale+3); setProperty (_root.mappa, _yscale,
_root.mappa._yscale+3); modifica le propriet� della
nostra movieclip e precisamente andr� ad agire in scala x e y
con un incremento di 3.
Lo stesso � poi stato fatto per
la il rimpicciolimento.
Per gli spostamenti della mappa in
orizzontale si andr� ad agire sul valore _x e per quelli in
verticale sul valore _y.
Ora
abbellite la vostra mappa aggiungendo un layer
posizionandolo sopra al livello mappa e chiamatelo
maschera.
Disegnate un rettangolo che copra completamente la cartina
A questo punto cliccate sul livello maschera con il
tasto desto e dal men� contestuale selezionate
maschera.
