Tween mit AS? easiing?

[Alex_R]

moin,

mich würde mal interessieren, wie es funktioniert, mit AS ein objekt von Punkt "x" nach punkt "a" zu bewegen. vorallem, wenn punkt "x" unbekannt ist, weil dynamisch. die "ganz normale" bewegung ist mir schon geläufig, aber wie kann ich dieser animation einen, vom motion tween bekannten, easiing (abbrems, bzw. beschleunigungs) effekt geben? das ist wohl hohe mathematik und da blick ich nicht durch. wär voll cool, wenn einer von euch das eventuell schonmal gemacht hat und mir die formel dafür geben könnte.

vielen dank schonmal

[webdust]

mc.onEnterFrame = function() {
 mc._x += (mc._x-ziel_x)/bremsfaktor;
 mc._y += (mc._y-ziel_y)/bremsfaktor;
} 

Wobei du hier ganz einfach die Parameter für den x- und y-Wert des Ziels, sowie den Bremsfaktor wählen kannst.

Über das Thema findet man ganze Kapitel in Robert Penners "Progamming Macromedia Flash MX". Beispiele findet man auch unter www.robertpenner.com unter "easing equations".

[michael]

flash mx 2004 stellt da auch schon 2 tweenklassen mit easing-funktionen zur verfügung:

import mx.effects.*;
import mx.transitions.easing.*;
mc.onTweenUpdate = function (value)
{
    this._x = value;
};
tween = new Tween (mc, 0, 500, 1500);
tween.easingEquation = Strong.easeOut;
 
//oder mal mit z.b.
//tween.easingEquation = Bounce.easeOut;
//tween.easingEquation = Back.easeOut;
//tween.easingEquation = Elastic.easeInOut;
//versuchen
// 
 

wahlweise das animation-package von Alex Uhlmann (OOP-bereich) benutzen, ist etwas konfortabler

[Alex_R]

vielen dank schonmal für die hilfe.

ich habe versucht es anzuwenden, bin aber nicht wirklich zu einem ergebnis gekommen, kann ich ein script nicht so schreiben:

if (_root.jahreszahlAusgabe == 1911) {
mc.onEnterFrame = function() {
this._x += (this._x-500)/100;
};
}

ich habe es direkt auf den betreffenden MC gelegt.

vielleicht sollte ich dazusagen, das dieser MC verschachtelt ist und nicht der container sich bewegen soll, sondern nur der betreffende MC innerhalb des containers. also steuere ich quasi den MC _root.container.mc1 damit an.

[Alex_R]

moment!!! alles nochmal zurück. ich habe gerade doch noch geschafft, das sich der mc1 bewegt allerdings bewegt er sich willkürlich (zumindest kommt es mir so vor). script:

if (_root.jahreszahlAusgabe == 1911) {
setProperty(_root.container.mc1, _x, _root.container.mc1._x += (_root.container.mc1._x-0)/50);
}

kann es an der verschachtelung liegen? geht der ziel wert von der _root ebene aus oder dem _x wert innerhalb des container mcs?

also um meine frage zu verdeutlichen: wie kann ich dem ding den genau sagen wo es hinsoll, also auf welche _x koordinate? und halt wie sag ich ihm das er dann da auch stehen bleiben soll.

Du kannst die Werte doch im Testmodus testen. Gib einfach mal in deine Schleife ein paar traces ein, die dir dann die Werte zurückgeben, z.B.

if (_root.jahreszahlAusgabe == 1911) {
   _root.container.mc1._x += (_root.container.mc1._x/50);
   trace("_root.container.mc1._x="+_root.container.mc1._x);
} 

Die setPropertys solltest du total vergessen, das ist ja noch Flash 4. Die Dot-Syntax ist viel übersichtlicher. Warum hast du im letzten Script den onEnterFrame weggelassen, der erzeugt doch die kontinuierliche Bewegung.?

[Alex_R]

setProperty habe ich auch schon rausgeschmissen.

den onEnterFrame habe ich weggelassen, weil das "bewegungs-script" nicht mehr auf dem objekt sondern oben im frame der timeline liegt.

muss ich den bei einem onEnterFrame keine pseudo schleife mit zwei frames machen?

zu dem script, wo bleibt mein objekt den jetzt stehen? bei 50? und was ist wenn mein objekt nicht kleiner sondern grösser ist, dann müsste ich doch runterzählen. ich habe auch schonmal weitergebastelt und bin jetzt hier:

//mc für versch. jahreszahlen definieren
if (_root.jahreszahlAusgabe == 1911) {
i = 1;
}
if (_root.jahreszahlAusgabe == 1912) {
i = 2;
}
//mc verschieben
if (_root.jahreszahlAusgabe>0) {
if (_root.die_MCs["mc"+i]._x>99) {
_root.die_MCs["mc"+i]._x -= _root.die_MCs["mc"+i]._x/20;
} else if (_root.die_MCs["mc"+i]._x<101) {
_root.die_MCs["mc"+i]._x += _root.die_MCs["mc"+i]._x/20;
}
}


mein prblem hierbei ist nur, das der mc beginnt zu zittern, sobald er in die nähe von 100 kommt. da ja dann beides, permanent zutrifft. sowohl "if" als auch "else if". nur wenn ich direkt auf 100 prüfen, springt mir der mc meist an der 100 vorbei und schiesst dann entweder nach links oder rechts aus dem bild.

=) strange

[Alex_R]

da bin ich nochmal.

diesmal würde mich interessieren, wer von euch schonmal ne beschleunigung mit einer sinuskurve berechtnet hat. einer berechnugn dieser art sollte es möglich machen, das man den MC auch wieder schön abbremst.

ich muss ehrlich zugeben, das ist mir viel zu hohe mathematik. sowas habe ich noch nie verstanden. (auch nicht letzte nacht, als ich die ganze zeit drüber saß)

ich hoffe jetzt, das einer von euch sowas schonmal gemacht hat und mir vielleicht die formel zur verfügung stellt. wäre echt super cool.

vielen dank schonmal

[webdust]

Zwar noch nicht selbst gemacht, aber eindimensional ist das ganze ja mathematisch nicht so aufwendig. Ich gehe mal davon aus, du meinst nur das erste Viertel einer Sinus-Periode? Das hieße dann, dass der zurückgelegte Wert im Endeffekt der Amplitude entsprechen würde, und die Funktion nur ausgeführt werdne soll, wenn das Argument <= als Pi/2 ist. Hmm... und ich glaube, in Dimensionen ist da auch kein großer Unterschied.

Dann sollte doch diese Formel in etwa den Zweck erfüllen:

w = ... // Die Winkelgeschwindigkeit
t = 0; // so zu sagen das differntielle Zeitelement
start_x = ...
ziel_x = ...
start_x = ...
ziel_x = ...
 
this.onEnterFrame  = function() {
  if(w*t <= Math.PI/2) {
     mc._x = start_x + (ziel_x-start_x)*Math.sin(w*t);
     mc._y = start_y + (ziel_y-start_y)*Math.sin(w*t);
     t++;
   }
} 

(Nicht getestet, sondern eben aus dem Ärmel geschüttelt).

[webdust]

Ach ja, nur Winkelgeschwindigkeit deutlich kleiner als 1.0 machen natürlich Sinn.

[Alex_R]

abgefahren, vielen dank. ich bin total begeistert!!! =)