Tweener! Lezione approfondita parte 2!

le special properties

Come anticipato nel precedente articolo (Tweener! Lezione approfondita parte 1!), Tweener vi da la possibilità di animare delle proprietà che altrimenti non lo sarebbero affatto.

Tutto questo è reso possibile dalle SpecialProperties. Nella pagina della documentazioni dedicata alle S.P. potrete leggere all’inizio che queste sono dei codici particolari specializzati che aiutano Tweener a modificare aspetti di Actionscript che non sono normalmente accessibili. Ad esemio nono è possibile animare i frame di un MovieClip tramite Tweener, in quanto non ci sono proprietà che permettano di farlo.

Ma Tweener grazie alla proprietà _frame può fare questo. Ecco un esempio:

 myMovieClip.gotoAndStop(1);// questo riporta la riproduzione al frame 1
 Tweener.addTween(myMovieClip, {_frame:20, time:1, transition:"easeOutExpo"}); // tramite questa istruzione posso riprodure velocemnte il clip fino al frame 20 con una transizione!!

Per poter utilizzare le S.P. è necessario prima di tutto importare la loro classe, dopodiché inizializzarla. Ecco come fare:

import caurina.transitions.properties.ColorShortcuts; // import della classe

L’inizializzazione basta farla una sola volta ed in un solo punto visto che la registrazione è globale all’intero progetto.

le special properties a disposizione

Tweener mette a disposizione delle special properties già confezionate:

ColorShortcuts: potrete manipolare e animare tutti gli aspetti del colore di un DisplayObject comprese saturazione, contrasto, hue e luminosità;

DisplayShortcuts: queste sono proprietà che permettono la gestione della visualizzazione di oggetti come i MovieClip o come i TextField. Interessante è la proprietà _autoAlpha che setta automaticamente la proprietà visible su true o false a seconda che _autoAlpha sia maggiore o minore di zero.

FilterShortcuts: vi aiuterà a gestire tutti gli aspetti riguardanti i filtri che applicate ai vostri oggetti.

SoundShortcuts: avete già capito di cosa si tratta. Contiene solo due proprietà ma di una utilità disarmante. Tween del volume e del pan.

TextShortcuts: tramite questa classe avrete totale controllo sui vostri campi di testo!

un piccolo esempio

In questo piccolo esempio ho creato un movieclip chiamato ret_mc con all’interno un altro movieclip di nome rectIn_mc. L’unico a contenere qualcosa è il movieclip interno nel quale c’è per esempio una semplice forma rettangolare. Al movieclip esterno invece ho assegnato dall’ide Flash un’ombra nera.

Nella document class scrivo:

package{
 
  import flash.display.MovieClip;
  import caurina.transitions.Tweener;
  import caurina.transitions.properties.ColorShortcuts;
  import caurina.transitions.properties.FilterShortcuts;
 
  ColorShortcuts.init();
  FilterShortcuts.init();
 
  public class prova extends MovieClip {
 
    public function prova() {
      Tweener.addTween(ret_mc.rectIn_mc,{_color:0xff3333, time:2, transition:"linear"});
      Tweener.addTween(ret_mc,{_DropShadow_color:0xff00ff, time:2, transition:"linear"});
    }
  }
}

Nel costruttore potete notare che ho assegnato due funzioni di Tweener:

1. animo  il colore del movieclip interno dal colore di default al colore #FF3333
2. animo il colore dell’ombra da nera a viola

conclusione

Tweener si rivela essere indispensabile per un Web Designer appasionato di Flash come me. Permette di animare qualsiasi aspetto di un oggetto. Una volta appresi i cardini di questa API tutto vi sembrerà più facile.

Autore:

Roberto Cinetto - Web & Graphic Designer

Giovane designer di Padova Roberto è sempre stato appassionato del mondo informatico e come tale è sempre alla ricerca di nuove ispirazioni e di nuove tecnologie da esplorare. Da molti anni è anche chitarrista e amante della musica in generale. Il suo sogno è di riuscire un giorno a creare una agenzia multimediale competente in web, grafica/video e recording/mixing, naturalmente tramite la collaborazione con svariati professionisti.