AS-Tween > Rundungsfehler

[johanness]

Hallo,
ich scaliere mit folgender Funktion einen braunen Kästchen-MC.

scal = function(zb, zh) {
    content.onEnterFrame = function() {
        this._x = 10;
        this._y = 60;
        this._width += (zb - this._width)/20;
        this._height+= (zh - this._height)/20;
        /*trace(this._height + " --- " + Math.ceil(this._height));
        trace(this._width + " --- " + Math.ceil(this._width));
        trace("======================");*/    
    }
}; 

Jetzt will ich aber, dass das Script abbricht, sobald ein Näherungswert erreicht ist. Diesen Näherungswert würde ich gerne per Eingabe definieren können.
Wie sieht dann das Script aus?

[the binary]

mit ner if abfrage und

delete this.onEnterFrame; 

gruss

[johanness]

*g* Ja des weiß ich auch. des Problem ist, dass dieses Script falsch rundet Es rundet zB den Wert 200 auf 201, weil er nur bis zur Genauigkeit von 200.85 gerechnet wird.
Soll ich mal mein getracetes zeigen?

[the binary]

yep, das prob kenn ich...
schau doch mal in die easing functions von robert penner... ?

gruss

[johanness]

Hab mich mit dessen Script bis jetzt noch nicth richtig befasst. Könntest du mir da einen Link geben? Aber eigetnlich dürfte das Script dazu ja nicht zuu schwer sein. Keine Ideen?

[NastyFrog]

Rund doch einfach immer ab. Ich versteh das Problem dahinter nicht wirklich.

[johanness]

Bei anderen Zahlen ist es ja genau anders rum. Da komt die Zahl net ganz bis zum soll-Wert hin.
Ich hab mal meine Datei mitdrangehangen...

[RustyCake]

des liegt am teiler "20"!!
probiers mal mit "19"

scal = function (zb, zh, mc, speed) {
    mc.onEnterFrame = function() {
        this._x = 10;
        this._y = 60;
        this._width += ((zb-this._width)/speed);
        this._height += ((zh-this._height)/speed);
        if ((Math.ceil(this._width) == zb) && (Math.ceil(this._height) == zh)) {
            delete this.onEnterFrame;
        }
    };
};
scal(500, 500, content, 19); 

[johanness]

Dachte ich mir schon fast. Aber wie kann man rausfinden, welcher Teiler immer "gute" Werte liefert?

[juggernart]

Hi.
Ich hab das mal so gemacht:

MovieClip.prototype.setDecellTween = function(pEndW, pEndH, pFric, pLimit) {
    this.endW = pEndW;
    this.endH = pEndH;
    this.friction = pFric;
    this.limit = pLimit;
    this.w = this._width;
    this.h = this._height;
    this.onEnterFrame = this.decellTween;
};
MovieClip.prototype.decellTween = function() {
    var diffW = this.endW-this.w;
    var diffH = this.endH-this.h;
    var distW = diffW/this.friction;
    var distH = diffH/this.friction;
    Math.abs(diffW)>this.limit ? this.w += distW : this.w=this.endW;
    Math.abs(diffH)>this.limit ? this.h += distH : this.h=this.endH;
    this._width = this.w;
    this._height = this.h;
    if (this._width == this.endW && this._height == this.endH) {
        delete this.onEnterFrame;
    }
}; 

content._x = 10;
content._y = 60;
content.setDecellTween(500, 200, 4, 0.5);

[johanness]

@Rusty:
Mit deinem Script klappt das auch nicht so ganz... Selbst mit dem Teiler 19 wird nicht immer passend gerundet.

@juggernart:
Deine Methode mit dem Limit scheint mir recht passend. Ich werd's mal umschreiben für mich!

Danke für die Posts!

[johanness]

Mir ist jetzt noch eine Methode eingefallen:
Man könnte den letten gerundeten Wert speichern und sobald, der vorhergehende mit dem aktuellen übereinstimmt, weiß ich, dass der Soll-Wert jetzt näherungsweise erreicht ist. Ist vielleicht noch das leichteste...

[johanness]

Hey, ihr.
Ich habe das jetzt ganz einfach gelöst:

scal = function(zb, zh) {
    content.onEnterFrame = function() {
/*        this._x = 10;
        this._y = 60;
        this._width += (zb - this._width)/19;
        this._height+= (zh - this._height)/19;
*/
        DiffLimit = 1;
        WidthDiff = Math.abs(this._width - zb);
        HeightDiff = Math.abs(this._height - zh);
 
        if(WidthDiff < DiffLimit && HeightDiff < DiffLimit) {
            delete this.onEnterFrame;
        }
    }
}; 

[RustyCake]

Hehe!

scal = function (zb, zh, mc, speed) {
    mc.onEnterFrame = function() {
        this._x = 10;
        this._y = 60;
        this._width += ((zb-this._width)/speed);
        this._height += ((zh-this._height)/speed);
        if ((Math.abs(Math.ceil(this._width)) == zb) && (Math.abs(Math.ceil(this._height)) == zh)) {
            delete this.onEnterFrame;
        }
    };
};
scal(500, 500, content, 28); 

[johanness]

Nene, Rusty. So geht das nicht! Mit den Werten 500 und 500 zwar schon, aber das Script läuft dann nicht für jede beliebige Werte!