Rss Feed

Talos

blog pro osvícence, kteří neovládají gramatiku

Tweener color

Březen 21st, 2009 od , v kategorii Flash. Bez komentářů

Třída tweener je rozhodně jedna z nejpoužívanějších, její základní vlastnosti popisovat nebudu. Ta je popsána pěkně třeba tady http://www.flash.cz/portal/clanek.aspx?id=1326 . Já se zaměřím na jednu část a to je přechod barev.

Je to vcelku snadné, jediné co budeme potřebovat je třída tweener. Ke stažení pro AS3 zde http://tweener.googlecode.com/files/tweener_1_31_74_as3.zip . Teď už k samotnému scriptu. Tweener používá k přechodům speciální vlastnost colorshortcut. Která se musí na začátku inicializovat, pro správnou funkčnost.

//import tweeneru
import caurina.transitions.*;
//import vlastnosti colorShotcut
import caurina.transitions.properties.ColorShortcuts;
//inicializace colorShortcut
ColorShortcuts.init();
 
//vytvoření ukázkového movie clipu v černé barvě
var ukazka:MovieClip = new MovieClip();
ukazka.graphics.beginFill(0x000000);
ukazka.graphics.drawRect(70,50,400,300);
addChild(ukazka); 
 
//vytvoření listenerů pro detekci najetí myší na movie clip
ukazka.addEventListener(MouseEvent.MOUSE_OVER, prechodNaZelenou);
ukazka.addEventListener(MouseEvent.MOUSE_OUT, prechodZpet);
 
//myš je na movie clipu barva se změní na zelenou
function prechodNaZelenou(e:MouseEvent):void{
  Tweener.addTween(ukazka, {_color:0x00ff00, time:1, transition:"easeOutSine"});
}
//myš je pryč barva se změní zpět
function prechodZpet(e:MouseEvent):void{
  Tweener.addTween(ukazka, {_color:null, time:1, transition:"easeOutSine"});
}

Ještě ukázka toho jak to vypadá