Objekttweening mit AS

[maxbahr01]

Moin,

bin grad dabei mir mit einigen Tut´s und hier geposteten Beispielen ne kleine Animation zusammenzubasteln und komme grad etwas ins stocken...

Erzeuge per AS aus meiner Bilbliothek einen MC auf der Bühne, klappt auch soweit, bewegt sich auch wie ich es vorab. ABER...

1. Soll sich der MC hin und wieder zurück zur Ausgangsposition bewegen, nach erneutem klicken. Bisher läuft er nur zur neuen X,Y Koordinate.

Hab im video2brain Tut gesehen, dass er sowas ähnliches mit switch, case angestellt hat. Allerdings hat er dort die Positionen immer um nen festen Wert geändert und nicht zwischen zwei festen Positionen unterschieden, bzw. gewechselt.

2. Soll er eigentlich sich nur bewegen wenn man auf den MC direkt klickt und nicht irgendwo auf der stage. Wo definiere ich das?

vielleicht könnt ihr mir ja auf die Sprünge helfen. Hoffe ich hab mich nicht allzu umständlich ausgedrückt.

hier mein bisheriges Script:

PHP-Code:

import fl.transitions.Tween;
import fl.transitions.easing.*;  

var profilcontainer:Profilcontainer = new Profilcontainer ();
this.addChild(profilcontainer);
profilcontainer.x = 150;
profilcontainer.y = 180;
profilcontainer.scaleX = 0.5;
profilcontainer.scaleY = 0.5;

stage.addEventListener( MouseEvent.CLICK, koordTween );

function koordTween( e:MouseEvent ) :void {
    
    var xPosTween:Tween = new Tween( profilcontainer, "x", Strong.easeOut, profilcontainer.x, 200, 2, true ); 
    var yPosTween:Tween = new Tween( profilcontainer, "y", Strong.easeOut, profilcontainer.y, 250, 2, true ); 
    var xScaleTween:Tween = new Tween( profilcontainer, "scaleX", Strong.easeOut, profilcontainer.scaleX, 1, 2, true);
    var yScaleTween:Tween = new Tween( profilcontainer, "scaleY", Strong.easeOut, profilcontainer.scaleY, 1, 2, true);
} 


[thomas_E]

ich würde dir erstmal raten, dir eine andere Tweening-Engine zu suchen. Die Flash - eigene ist, sagen wir mal umständlich, und hat paar bugs.
Beiträge dazu wirst du hier im Forum massenhaft finden.

PHP-Code:

//dieses TweeningMonster
var xPosTween:Tween = new Tween( profilcontainer, "x", Strong.easeOut, profilcontainer.x, 200, 2, true ); 
var yPosTween:Tween = new Tween( profilcontainer, "y", Strong.easeOut, profilcontainer.y, 250, 2, true ); 
var xScaleTween:Tween = new Tween( profilcontainer, "scaleX", Strong.easeOut, profilcontainer.scaleX, 1, 2, true);
var yScaleTween:Tween = new Tween( profilcontainer, "scaleY", Strong.easeOut, profilcontainer.scaleY, 1, 2, true);

//könnte in Tweenlite bspw so aussehen:
TweenLite.to(profilcontainer, 2, { x:200, y:250, scaleX:1, scaleY:1, ease:Strong.easeOut }); 


2. Soll er eigentlich sich nur bewegen wenn man auf den MC direkt klickt und nicht irgendwo auf der stage. Wo definiere ich das?

dann solltest du den Event-Listener zu dem profilcontainer hinzufügen, und nicht zur stage.

1. Soll sich der MC hin und wieder zurück zur Ausgangsposition bewegen, nach erneutem klicken. Bisher läuft er nur zur neuen X,Y Koordinate.

Hab im video2brain Tut gesehen, dass er sowas ähnliches mit switch, case angestellt hat. Allerdings hat er dort die Positionen immer um nen festen Wert geändert und nicht zwischen zwei festen Positionen unterschieden, bzw. gewechselt.

dann musst du in einer Variablen speichern, wo sich der container gerade befindet (position A oder B), bzw in welche Richtung er sich zuletzt bewegt hat (vor/zurück).
und in der Funktion mit einer Bedingung (if else)darauf reagieren.
switch case brauchst du erst, wenn du mehr als zwei Positionen hast und unterscheiden musst.

[maxbahr01]

jo, Danke dir Thomas, hat alles soweit geklappt. Das TweenLite sieht in der Tat n bissl übersichtlicher aus ;-)

So sieht der Code bei mir nun aus.

PHP-Code:

import com.greensock.TweenLite;
import com.greensock.easing.*;  

var profilcontainer:Profilcontainer = new Profilcontainer ();
var startX = 150;
var startY = 180;
var zielX = 350;
var zielY = 250;

this.addChild(profilcontainer);
profilcontainer.x = startX;
profilcontainer.y = startY;
profilcontainer.scaleX = 0.5;
profilcontainer.scaleY = 0.5;

profilcontainer.addEventListener( MouseEvent.CLICK, koordTween );

function koordTween( e:MouseEvent ) :void {
    if (profilcontainer.x != zielX) {
        TweenLite.to(profilcontainer, 2, { x:zielX, y:zielY, scaleX:1, scaleY:1, ease:Strong.easeOut });
    }else if (profilcontainer.x >= zielX) {
        TweenLite.to(profilcontainer, 2, { x:startX, y:startY, scaleX:0.5, scaleY:0.5, ease:Strong.easeOut });
    }
} 


Der MC fährt hin und zurück, TipTop.

Allerdings, hakt er mit dem zurückfahren, wenn ich während des hinfahrens auf ihn klicke, bzw. muss ich dann ein zwei Sekunden warten, bis das Script auf das zurückbewegen reagiert. IDEE warum?

[thomas_E]

Allerdings, hakt er mit dem zurückfahren, wenn ich während des hinfahrens auf ihn klicke, bzw. muss ich dann ein zwei Sekunden warten, bis das Script auf das zurückbewegen reagiert. IDEE warum?

Textaufgabe
der Container bewegt sich von x:150->350. bei 287 clickst du darauf, und es wird ordnungsgemäß die Funktion koordTween aufgerufen.

nun sollen die Bedingungen Entscheiden:
a) ist 287 != 350? wenn ja, tweene nach x:350;
ansonsten b)
ist 287 >= 350? dann tweene nach x:150;
welche Bedingung trifft zu? a, b, oder keine?

kleiner Tipp: du musst deine Bedingung nochmal überdenken.
pps: überleg nochmal, brauchst du die zweite Bedingung wirklich?