AnimationPackage zukünftige Entwicklung

[atothek]

finde das wird nicht klar erkenntlich das es für einen einzelnen call gemeint ist
aber nun gut das habt ihr euch so gedacht

mfg
alex

[kaneda]

Ich hab jetzt im CVS average time/call dort stehen ... ist besser oder ?

[atothek]

super ! aber noch zum test ich sag ja die as2Lib broadcast ebgine ist schon etwas anständiger als die der mm dispatcher . der ist ja nun umständlich über 10 ecken geproggt

mfg
alex

[ripcurlx]

Hallo Alex,

Da ich endlich mal Zeit gefunden hab für dein Animation Package, werd ich hin und wieder ein paar Fragelchen zu deinem Package stellen =) falls du Zeit hast...

Zum start gleich mal zum Zeichnen einer Ellipse:

Is das Absicht das die Positionierung des Kreises falls man ihn in einem übergebenen mc zeichnet absolut zur Bühne anzugeben ist und nicht relativ zum mc in dem sich die Grafik befindet?

var depth:Number = rootMc.getNextHighestDepth();
var cell:MovieClip = rootMc.createEmptyMovieClip("cell"+depth, depth);
cell._x = Stage.width/2;
cell._y = Stage.height/2;
		
var circ:Ellipse = new Ellipse(cell, cell._x, cell._y, 70, 70);
// var circ:Ellipse = new Ellipse(cell, 0, 0, 70, 70);
circ.lineStyle(2,0x000000,100);
circ.draw();

Wär von der Verwendung her mit relativer Position intuitiver oder?!

greez

Christoph

[Alex U.]

Zitat von ripcurlx

Hallo Alex,

Da ich endlich mal Zeit gefunden hab für dein Animation Package, werd ich hin und wieder ein paar Fragelchen zu deinem Package stellen =) falls du Zeit hast...

Hi Christoph,

dafür ist dieser Thread perfekt. Vielleicht entstehen hier ja auch neue Ideen.

Is das Absicht das die Positionierung des Kreises falls man ihn in einem übergebenen mc zeichnet absolut zur Bühne anzugeben ist und nicht relativ zum mc in dem sich die Grafik befindet?

var depth:Number = rootMc.getNextHighestDepth();
var cell:MovieClip = rootMc.createEmptyMovieClip("cell"+depth, depth);
cell._x = Stage.width/2;
cell._y = Stage.height/2;
        
var circ:Ellipse = new Ellipse(cell, cell._x, cell._y, 70, 70);
// var circ:Ellipse = new Ellipse(cell, 0, 0, 70, 70);
circ.lineStyle(2,0x000000,100);
circ.draw(); 

Der Kreis nutzt den übergebenen mc zum Zeichnen. Es wird kein weiterer mc erzeugt. Der übergebene mc wird an die übergebene Position gesetzt. Deswegen könntest du einfach einen Container Clip zu erzeugen den du dann relativ zum mc positionieren kannst:

var depth:Number = rootMC.getNextHighestDepth();
var cell:MovieClip = rootMC.createEmptyMovieClip("cell", depth);
var inner_cell:MovieClip = cell.createEmptyMovieClip("cell", depth);
cell._x = Stage.width/2;
cell._y = Stage.height/2;
 
var circ:Ellipse = new Ellipse(inner_cell, 0, 0, 70, 70);
circ.lineStyle(2,0x000000,100);
circ.draw(); 

aber wieso der Umweg, es geht ja auch:

var depth:Number = rootMC.getNextHighestDepth();
var cell:MovieClip = rootMC.createEmptyMovieClip("cell", depth);
 
var circ:Ellipse = new Ellipse(cell, Stage.width/2, Stage.height/2, 70, 70);
circ.lineStyle(2,0x000000,100);
circ.draw(); 

Deine Koordinaten von Stage.width und Stage.heigth wurden überschrieben.

Gruss,
Alex

[K-Grabowski]

moin,

also erstmal dickes lob zu dem package, hab jetzt auch mal nen bisschen zeit gefunden es zu testen, bin aber auf ein problem gestoßen.

hier das Script

import de.alex_uhlmann.animationpackage.animation.*;
import com.robertpenner.easing.*;
 
 
 
o = {};
 
o.onEnd = function () {
    trace("fettich");
}
 
 
var myMove:Move = new Move(mc,500,mc._y);
myMove.animationStyle(1200,Circ.easeOut,"onCallback");
 
var myMove2:Move = new Move(mc,500,mc._x);
myMove2.animationStyle(1200,Elastic.easeOut,"onCallback");
 
var myParallel:Parallel = new Parallel();
myParallel.addChild(myMove);
myParallel.addChild(myMove2);
myParallel.addEventListener("onEnd",o);
myParallel.animate(0,100); 

funktioniert zwar einwandfrei, aber am ende der bewegung zuckt mein mc kurz auf seinen vorherigen Xwert zurück, um dann wieder zurückzuspringen.

habs mal angehängt.

[Alex U.]

Zitat von K-Grabowski

also erstmal dickes lob zu dem package,

Danke.

Mir ist nicht ganz klar was du erreichen willst.

Hier erstmal was passiert:
Da du Parallel benutzt werden die _x und _y Eigenschaften von mc, in jedem Animationsschritt zweimal (zuerst von myMove und danach von myMove2) gesetzt. Bevor der Flash Player myMove rendert werden die Werte durch myMove2 überschrieben. Deswegen siehst man nur die Animation von myMove2. Am Ende jeder Animation werden die Zielwerte gesetzt um zu garantieren das unabhängig von der Performance immer die Zielwerte erreicht werden. Dieser Vorgang erfolgt nach dem Updatevorgang und verursacht das Flackern ausgelöst durch myMove.

btw. da du kein callback verwendest kannst du den onCallback String weglassen.

Gruss,
Alex

[K-Grabowski]

den Callback hab ich glad übersehen, aber war ja nur am testen.

Ich möchte erreichen, das der x-wert und der y-wert gleichzeitig animiert werden, funktioniert ja auch tadellos, nur am ende kommt dieser sprung.

[K-Grabowski]

jau, jetzt ist klar, hatte mir die Doku angeguckt, und dachte das mc._y das Attribut ist das verändert wird, aber das heißt ja nur das _y gleich bleibt.

[Alex U.]

Zitat von K-Grabowski

Ich möchte erreichen, das der x-wert und der y-wert gleichzeitig animiert werden.

Du kannst schon mit einer Instanz der Move Klasse _x und _y gleichzeitig animieren.

var myMove:Move = new Move(mc,xwert,ywert)
myMove.animate(0,100); 

Oder mit Parallel:

var myMove:Move = new Move(mc,xwert,ywert);
var myParallel:Parallel = new Parallel();
myParallel.addChild(myMove);
myParallel.animate(0,100); 

Gruss,
Alex

[K-Grabowski]

Danke habs gecheckt, find ich übrigens sehr geil das AnimationPackage weiter so!!!

[K-Grabowski]

Hab nen Problem mit Alpha (funktioniert inzwischen, keine Ahnung warums net ging.)

import de.alex_uhlmann.animationpackage.animation.*;
import com.robertpenner.easing.*;
 
function an () {
    var myAlpha:Alpha = new Alpha(clip);
    myAlpha.animationStyle(1000,Elastic.easeInOut);
    myAlpha.run(40);
    
    var myMove:Move = new Move(clip);
    myMove.animationStyle(2000,Circ.easeOut);
    myMove.run(650,mc._y);
 
}
 
onLoad = an; 

der move funzt, aber der Alpha nicht.

[K-Grabowski]

Hab nochwas entdeckt was du vielleicht korrigieren solltest.

Wenn man einen ein neues Move-Objeckt erstellt und die Zeit relativ kurz einstellt (ca. <600) bleibt der mc am ende nicht immer auf dem zielwert stehen.

Das hier klappt einwandfrei:

var clipMove:Move = new Move(clip,targetX,targetY);
clipMove.animationStyle(600,Elastic.easeOut);
clipMove.animate(0,100); 

Hierbei passiert das (die Bewegung sieht auch ganz anders aus):

var clipMove:Move = new Move(clip,targetX,targetY);
var clipAnimation:Animation = new Animation();
clipAnimation.addChild(clipMove);
clipAnimation.animationStyle(600,Elastic.easeOut);
clipAnimation.animate(0,100); 

Und als Anregung:

Würde es cool finden wenn ich in einer animation, die Animation-Styles der einzelnen Childs behalten könnte, könnte man ja so machen, das wenn die Childs bereits ein Style haben sie diesen benutzen, und wenn nicht sie den Style benutzen welcher der animation zugewiesen wird.

[K-Grabowski]

OK letztes Problem gelöst, ich muss den Style angeben bevor ich die Childs hinzufüge.

für die Animation-Klasse würde ich soweit ich das überblicken kann sowas vorschlagen:

public function animationStyle(duration:Number, easing:Object, callback:String):Void {
        var i:Number, len:Number = this.childsArr.length;
        for (i = 0; i < len; i++) {
            if (this.childsArr[i].easing != easing && this.childsArr[i].easing != AnimationCore.easing_def) {
                this.childsArr[i].duration = duration;
            } else {
                this.childsArr[i].animationStyle(duration, easing);
            }
        }
        super.animationStyle(duration, easing, callback);
    } 

und

private function invokeAnimation(child:Object, duration:Number, ID:Number):Void {
        delete this.myPausesObj[ID];
if (child.easing != this.easing && child.easing != AnimationCore.easing_def) {
            child.duration = duration;
        } else {
            child.animationStyle(duration, this.easing);
        }
        child.animate(this.start, this.end);
    } 

[Alex U.]

Zitat von K-Grabowski

Und als Anregung:

Würde es cool finden wenn ich in einer animation, die Animation-Styles der einzelnen Childs behalten könnte, könnte man ja so machen, das wenn die Childs bereits ein Style haben sie diesen benutzen, und wenn nicht sie den Style benutzen welcher der animation zugewiesen wird.

Gute Idee. Werde ich mal drüber nachdenken. Allerdings ist es gerade Sinn des Composites verschiedene Dinge in gleicher Art zu behandeln. Wenn du jedes Child anders behandeln möchtest, könntest du ja auch einfach die Childs einzeln animieren.

Deine anderen Probleme konnte ich leider nicht reproduzieren. Funktioniert bei mir. Im ersten Beispiel ist mir aufgelfallen das du die Movieclip Instanz einmal clip nennst und dann mc.

Gruss,
Alex