Tween package in as3

[public]

hab mich ran gestetzt und nen tween package programmiert....wobwi es auch möglich is tween nacheinander auszuführen mithilfe der TweenSequencer klasse...ebenso dazu gekommen sind neue eigenschaften die man natürlichauch tweenen kan (brightness, contrast, saturation)
download

package fresh scripted by public (Sebastian Vogt) 
contact:	 	dj_public@hotmail.de

class fresh.events.TweenEvent extends Event
constantes:		TweenEvent.TWEEN_START
				TweenEvent.TWEEN_CHANGE
				TweenEvent.TWEEN_FINISH
				TweenEvent.TWEEN_SEQUENCER_START
				TweenEvent.TWEEN_SEQUENCER_FINISH

class fresh.tween.Tween extends flash.event.EventDispatcher
Properties:		isTween:Boolean = false [read]
Konstruktor:	Tween(obj:Object, prop:String, easing:Function, begin:Number, finish:Number, duration:Number)
Methodes:		pause():void
				play():void
				Tween.dispose():void
				
class fresh.tween.TweenSprite extends flash.display.Sprite
Properties:		isTween:Boolean = false [read]
Methodes:		locTo(x:Number, y:Number, easing:Function, duration:Number, callback:Function = null):void
				alphaTo(alpha:Number, easing:Function, duration:Number, callback:Function = null)
				sizeTo(width:Number, height:Number, easing:Function, duration:Number, callback:Function = null):void
				scaleTo(scaleX:Number, scaleY:Number, easing:Function, duration:Number, callback:Function = null):void
				rotateTo(rotation:Number, easing:Function, duration:Numberm, callback:Function = null):void
				
class fresh.tween.TweenSpriteAdvanced extends fresh.tween.TweenSprite
Properties:		blurX:Number = 0 [read, write]
				blurY:Number = 0 [read, write]
				blurQuality:Number = 1 [read, write]
				brightness:Number = 0 [read, write] [-255 bis 255]
				contrast:Number = 0 [read, write] [-1 bis 1]
				saturation:Number = .1 [read, write] [-1 bis 1]
				colorMatrix:Array = ColorMatrix.NONE [read, write]
Methodes:		blurTo(blurX:Number, blurY:Number, easing:Function, duration:Number, callback:Function = null):void
				brightnessTo(brightness:Number, easing:Function, duration:Number, callback:Function = null):void
				contrastTo(contrasr:Number, easing:Function, duration:Number, callback:Function = null):void
				saturationTo(saturation:Number, easing:Function, duration:Number, callback:Function = null):void
				
class fresh.tween.TweenSequencer extends flash.events.EventDispatcher
Properties:		sequence:Array [read, write] example....    sequence[0] = {obj:sprite, func:"alphaTo" args:[.1, Strong.easeOut, 100]};
Methodes:		start():void

example_Tween anschaun

PHP-Code:

import fresh.tween.*;
import fresh.events.*;
import fresh.tween.easing.*;
import flash.display.*;
import flash.events.*;


var _sprite:Sprite = createRect(0, 0, 200, 200, 0xff00ff);
addChild(_sprite);
// Tween(obj:Object, prop:String, easing:Function, begin:Number, finish:Number, duration:Number)
var tween:Tween = new Tween(_sprite, "alpha", Strong.easeOut, _sprite.alpha, .1, 200);
/**
*     Tween Events
*/
tween.addEventListener(TweenEvent.TWEEN_START, onTweenStart);
tween.addEventListener(TweenEvent.TWEEN_CHANGE, onTweenChange);
tween.addEventListener(TweenEvent.TWEEN_FINISH, onTweenFinish);
stage.addEventListener(MouseEvent.MOUSE_DOWN, md);
stage.addEventListener(MouseEvent.MOUSE_UP, mu);
/**
*    Handler
*/
function onTweenStart(event:TweenEvent):void{
    trace("TWEEN_START");
}
function onTweenChange(event:TweenEvent):void{
        trace("TWEEN_CHANGE");
}
function onTweenFinish(event:TweenEvent):void{
    trace("TWEEN_FINISH");
}


function md(event:MouseEvent):void{
    tween.pause();
}
function mu(event:MouseEvent):void{
    tween.play();
}



function createRect(x:Number, y:Number, w:Number, h:Number, color:Number):Sprite{
    var s:Sprite = new Sprite();
    s.graphics.moveTo(0, 0);
    s.graphics.lineStyle();
    s.graphics.beginFill(color);
    s.graphics.drawRect(0, 0, w, h);
    return s;
} 


example TweenSprite anschaun

PHP-Code:

import fresh.tween.*;
import fresh.events.*;
import fresh.tween.easing.*;


var _sprite:TweenSprite = createRect(0, 0, 200, 200, 0xff00ff);
addChild(_sprite);


// locTo(x:Number, y:Number, easing:Function, duration):void
_sprite.locTo(200, 200, Elastic.easeOut, 100);




_sprite.addEventListener(TweenEvent.TWEEN_START, onTweenStart);
_sprite.addEventListener(TweenEvent.TWEEN_FINISH, onTweenFinish);


function onTweenStart(event:TweenEvent):void{
    trace(event.target+" TWEEN_START");
}
function onTweenFinish(event:TweenEvent):void{
    trace(event.target+" TWEEN_FINISH");
}




function createRect(x:Number, y:Number, w:Number, h:Number, color:Number):TweenSprite{
    var s:TweenSprite = new TweenSprite();
    s.graphics.moveTo(0, 0);
    s.graphics.lineStyle();
    s.graphics.beginFill(color);
    s.graphics.drawRect(0, 0, w, h);
    return s;
} 


example_TweenSpriteAdvanced http://www.dj-public.de/fresh/exampl...teAdvanced.swf

PHP-Code:

import fresh.tween.*;
import fresh.events.*;
import fresh.tween.easing.*;



with(pic_mc){
    brightness = 100;
    saturation = .3;
    contrast = .4;
    
    contrastTo(.1, Strong.easeOut, 150);
    brightnessTo(0, Strong.easeOut, 150);
    saturationTo(.1, Strong.easeOut, 150);
    
    addEventListener(TweenEvent.TWEEN_START, onTweenStart);
    addEventListener(TweenEvent.TWEEN_FINISH, onTweenFinish);
}



function onTweenStart(event:TweenEvent):void{
    trace(event.target+" TWEEN_START");
}
function onTweenFinish(event:TweenEvent):void{
    trace(event.target+" TWEEN_FINISH");
} 


example_TweenSequencer anschaun

PHP-Code:

import fresh.tween.*;
import fresh.events.*;
import fresh.tween.easing.*;


var _sprite:TweenSprite = createRect(0, 0, 200, 200, 0xff00ff);
addChild(_sprite);


var s:TweenSequencer = new TweenSequencer();

s.sequence[0] = {obj:_sprite, func:"locTo", args:[200, 200, Strong.easeOut, 80]};
s.sequence[1] = {obj:_sprite, func:"sizeTo", args:[100, 50, Elastic.easeOut, 100]};
s.sequence[2] = {obj:_sprite, func:"locTo", args:[0, 0, None.easeNone, 20]};
s.sequence[3] = {obj:_sprite, func:"sizeTo", args:[stage.stageWidth, stage.stageHeight, Strong.easeOut, 40]};
s.sequence[4] = {obj:_sprite, func:"alphaTo", args:[0, Strong.easeOut, 200]};






s.addEventListener(TweenEvent.TWEEN_SEQUENCER_START, onSequencerStart);
s.addEventListener(TweenEvent.TWEEN_SEQUENCER_FINISH, onSequencerFinish);

s.start();


function onSequencerStart(event:TweenEvent):void{
    trace(event.target+" TWEEN_SEQUENCER_START");
}
function onSequencerFinish(event:TweenEvent):void{
    trace(event.target+" TWEEN_SEQUENCER_FINISH");
}




function createRect(x:Number, y:Number, w:Number, h:Number, color:Number):TweenSprite{
    var s:TweenSprite = new TweenSprite();
    s.graphics.moveTo(0, 0);
    s.graphics.lineStyle();
    s.graphics.beginFill(color);
    s.graphics.drawRect(0, 0, w, h);
    return s;
} 


[georgem]

gefällt mir sehr gut,

danke für das sharen,

werdsmir gleich mal anschauen, obwohl ich eigentlich ins bett sollte....

[public]

ok.....wenn irgendjemand bugs findet bitte melden.....hoffe man kommt mit meinen kleine bsps klar...wenn net einfachen sagen und dann fragen...*g*

[public]

update:

so nun kann man die fps auch dynamisch regeln einfach...

Tween.fps = 50;

download

[Mr.Twister]

sehr schön, ich bin schwer begeistert!

[public]

thx...bin ja net untaätig geblieben next update folgt demnächst

[psyk]

Hey, spiele gerade mit deiner feinen Tween-Extension rum und
bekommen immer die Fehlermeldung.

1120: Access of undefined property bubble.

Habs in dem behoben, das ich die Methode TweenEvent::clone()
auskommentiert hab, aber das soll ja sicher nicht Sinn und Zweck sein.

[public]

upps ja liegt genau an der methode....scheieb wenn iks schaffe heut abend noch n update hoch....


aber hier ma die abänderung für TweenEvent

PHP-Code:

package fresh.events{
    import flash.events.Event;

    public class TweenEvent extends Event{
        
        public static const TWEEN_FINISH:String = "tweenFinish";
        public static const TWEEN_CHANGE:String = "tweenChange";
        public static const TWEEN_START:String = "tweenStart";
        public static const TWEE_STOP:String = "tweenStop";
        
        public static const TWEEN_SEQUENCER_START:String = "tweenSequencerStart";
        public static const TWEEN_SEQUENCER_FINISH:String = "tweenSequencerFinish";
        
        
        
        /**
         * Konstruktor
         * TweenEvent(type:String, bubbles:Boolean = false, cancelable:Boolean = false)
         */
        public function TweenEvent(type:String, bubbles:Boolean = false, cancelable:Boolean = false){
            super(type, bubbles, cancelable);
        }
        
        
        
        /**
         * clone():Event
         */
        override public function clone():Event{
            return new TweenEvent(type, bubbles, cancelable);
        }
        
    }
} 


[psyk]

Super, danke für den schnellen Support.

[public]

bitte bitte .... sry update kommet doch erst n bissle später....

[_sevenDust]

sehr coole Sache, wo ich doch viel mit AS2 Tween aus mx.transitions.* gemacht habe und die Handhabung stark anlehnt. Auch die Sprite-spezifischen Methoden finde ich klasse. Beim Sequenzer würde ich, um es mehr Type-safe zu machen, die Childs nicht über einen Array Accessor hinzufügen, sondern über eine Methode addChild() , die als Argument kein natives Objekt, sondern eine Tween bzw. TweenSprite Instanz erwartet.

[_sevenDust]

Ich denke, es würde aus Performancegründen günstiger sein, wenn man in den easing-Methoden den Typ int bzw uint statt Number verwendet.

[_sevenDust]

kleiner Typo in fresh.events.TweenEvent:

public function TweenEvent(type:String, bubble:Boolean = false, cancelable:Boolean = false, value:Object = null){
			super(type, bubbles, cancelable);
			this.value = value;
		}

Das Konstruktorargument heißt bubbles, nicht bubble -> compiler error

[public]

eben nicht denn es sind ja fliesskommazahlen....

[public]

Zitat von _sevenDust

kleiner Typo in fresh.events.TweenEvent:

public function TweenEvent(type:String, bubble:Boolean = false, cancelable:Boolean = false, value:Object = null){
			super(type, bubbles, cancelable);
			this.value = value;
		}

Das Konstruktorargument heißt bubbles, nicht bubble -> compiler error

ist doch schon behoben siehe posts weiter oben

Tween package in as3