tutorial feder

[trossen]

hi
wer hat ein tutorial oden ein script oder einen ansatz, wie man einen tween schreibe der sich wie ein ball an einer feder verhält. Also ich lass das ding los es geht nach unten- federt wieder ein stück nach oben- fällt nach unten -wieder ein kleineres stück nach oben usw bis es stopt????

[Seventy6]

Hallo

Such hier am besten mal nach "easing", da solltest Du einiges finden

[trossen]

du meinst warscheinlich mit easingIn easingOut und so !
das kenn ich.
geht das nicht einfach auch als funktion die ich mir dann auch als prototype schreiben kann ??

[Alphanimal]

ein busschen physik brauchst du!
die feder hat eiune bestimmte länge.
je länger sie ist desto mehr kraft lässt sie auf den ball wirken.
je mehr kraft auf den ball wirkt desto schneller beschleunigt er (a=F/m)
also ist die beschleunigung abhängig von der federlänge.

a = l*federFaktor

die geschwindigkeit ist das Zeitintegral der Beschleunigung, vereinfachte numerische Itegrationsmethode:

v = v+a*dt

dt ist die vergangene Zeit
das selbe für die position: wer weg ist das zeitintegral der geschwindigkeit

x = x+v*dt

wenn man nun für dt 1 nimmt, und x/y koordinaten berechnet, kommt so ein script raus:

vx = 0;
vy = 0;
this.onEnterFrame = function(){
lx = _xmouse - b._x; //Federlänge
ly = _ymouse - b._y;
vx += lx*0.1; //Beschleunigung integrieren
vy += ly*0.1;
b._x += vx; //Geschwindigkeit integrieren
b._y += vy;
vx *= 0.95; //Dämpfung
vy *= 0.95;
} 

[trossen]

was willst du denn da mit _xmous
das ding soll doch nur ein tween sein das hat doch nix mit der maus zu zun

[trossen]

wie wendet man den so was an

PHP-Code:

Math.easeInElastic = function (t, b, c, d, a, p) {
    if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
    if (a < Math.abs(c)) { a=c; var s=p/4; }
    else var s = p/(2*Math.PI) * Math.asin (c/a);
    return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
}; 


ich muß ja irgend wie der function die parameter t, b, c, d, a, p übergeben und das geht ja nicht so

PHP-Code:

Math.easeInElastic (10,2,5,6,9,5) 


wer kann mir helfen das zu einem einfache tween zu schreiben der losgeht sobald ich die funktion aufrufe und mit dem aufruf die parameter übergebe????

[hgseib]

mit einem tween geht das nicht!!!
ein tween macht immer nur die selbe bewegung.
du musst das programmieren.
beispiel dazu hast du bekommen - und den helfer erfolgreich beleidigt :-)

[trossen]

lieber beleidigter helfer
wenn sie meine blödheit beleidigt tut mir das auch leid
ich verstehe funktionen aber das geht anders ich bekomms einfach nich zusammen

[hgseib]

Alphanimal ist bestimmt nicht wirklich beleidigt ;-)

schau vielleicht mal auf seine homepage:
http://www.teamcraft.at/flashworx/

rechts mitte:
Beispiele für Noobs
Physik
anklicken

und da
1. Einfache Feder

[Alphanimal]

die mausposition hab ich nur als beispiel genommen.
du kannst jede position einsetzen... wo der MC halt hin "tweenen" soll

[trossen]

ich hab das jetzt so gemacht

PHP-Code:

MovieClip.prototype.Gummi = function(laenge, m, d) {
vx = 0;

this.onEnterFrame = function(){

    //Je größer Abstand, desto mehr Kraft
    Fx = laenge - this._x;
    //Kraft Fx wirkt sich auf die Geschwindigkeit aus (über Beschleunigung)
    // Beschleuniung vx = Kraft Fx /Masse m

    vx += Fx/m;
    //Dämpfung verringert Geschwindigkeit   (Dämpf = 0...1)
    // NeueGesch = AlteGesch*Dämpf
    vx *= d;
    trace("vx ist " + vx)
    //Geschwindigkeit wirkt sich auf die Position aus
    // NeuePos = AltePos + Gesch
    this._x += vx;
    trace("this._x ist " + this._x);
    if(vx < 0.033 && vx > 0.0098){
        delete this.onEnterFrame
    }
    
}
}
kreis.Gummi(100,50,0.9);
ball.Gummi(200,50,0.9); 


das problem is nur das mein MC ball nicht richtig hüpfen will
ich vermute es liegt an der gemeinsamen variablen vx oder
ich denke man müsste sie dynamisch erzeugen oder??

[hgseib]

MovieClip.prototype.Gummi = function(laenge, m, d) {
    this.vx = 0;
    this.laenge = laenge;
    this.m = m;
    this.d = d;
    this.onEnterFrame = function() {
        var Fx = this.laenge-this._x;
        this.vx += Fx/this.m;
        this.vx *= this.d;
        this._x += this.vx;
        if (Math.abs(vx)<0.1) {
            delete this.onEnterFrame;
        }
    };
};
kreis.Gummi(100, 70, 0.96);
ball.Gummi(200, 50, 0.92); 

[trossen]

danke danke werde mir das heute abend mal zu gemüte führen

[trossen]

soderle das mit dem federn hab ich geraft.
bei mir funst das Script so

PHP-Code:

MovieClip.prototype.elastic = function(zielX, m, d){
    
    vx = 0;
    this.zielX = zielX;
    this.m = m;
    this.d = d;
    this.onEnterFrame = function(){
        trace(this._x);
        var Fx = this.zielX - this._x;//ermitteln des ferderwegs
        vx += Fx/this.m;// Beschleuniung vx = Kraft Fx /Masse m
        vx *= this.d;//Dämpfung verringert Geschwindigkeit   (Dämpf = 0...1)
                     // NeueGesch = AlteGesch*Dämpf
        this._x += vx;
        
    }
}
kreis.elastic(200, 70, 0.91); 


so funst es aber ich kann nicht mehrere MC ansprechen!!!!
ich denke ich muß den wert vx in einem array immer zwichenspeichern
und das hab ich mir so gedacht
aber auch nur gedacht weil es funst nicht

PHP-Code:

MovieClip.prototype.elastic = function(zielX, m, d, MCnummer){
    
    vx = 0;
    this.zielX = zielX;
    this.m = m;
    this.d = d;
    this.onEnterFrame = function(){
        trace(this._x);
        var Fx = this.zielX - this._x;//ermitteln des ferderwegs
        beschleunigung = "beschleunigung"+MCnummer;   //<----------------------------------
        trace(beschleunigung);                               //                           |
        var beschleunigung  = [vx += Fx/this.m];// Beschleuniung vx = Kraft Fx /Masse m   |
        // denn wert vx, muß für jeden aufruf des prototypen einzeln gespeichert werden   |
        //dazu muss ich immer einen anderen array namen haben. das denke ich geht so-------
        var beschleunigung2 = beschleunigung[0];// hier lese ich denn wert des array´s aus 
        // und teile ihn der variablen "beschleunigung2" zu. Das mach ich um eine zahl zu haben 
        // mit der ich die dämpfung berechnen kann
        var beschleunigung = [beschleunigung2*this.d];//Dämpfung verringert Geschwindigkeit   (Dämpf = 0...1)
                     // NeueGesch = AlteGesch*Dämpf
        this._x += vx;
        
    }
}
ball.elastic(200, 70, 0.92, MC1); 


ich hab noch keine wilkliche ahnung von arrays aber auch das kommt noch
ihr habt bestimmt ne idee
gruß an alle

[hgseib]

auch eine leistung.

du hast 'laenge' durch 'zielX' ersetzt (naja)

und anstatt 'this.vx' schreibst du 'vx'
und wunderst dich, das es nicht mehr geht.