weiches scrollen

[JensEickhoff]

Hat einer einen Link oder Tipp für weiches scrollen.

Im Moment mach ich´s ganz stumpf so. Aber schön wäre:

langsam anfangen, schneller werden. Beim runtergehen etwas nachfedern, oder zumindest langsam zum Stillstand kommen.

onEnterFrame = function (){
    
    if (touchpf.hitTest( _root._xmouse, _root._ymouse, false)){
    laenderliste._y = laenderliste._y*1.005;
    
}
if (touchpf2.hitTest( _root._xmouse, _root._ymouse, false)){
 
    laenderliste._y = laenderliste._y*0.995;
    
}
} 

[tenrapid]

Schau Dir mal Robert Penners Easing Equations an:

http://www.robertpenner.com/easing/

[JensEickhoff]

Hallo.

Die Funktion für Elastisches ausfaden ist eigentlich die, die ich brauch

Math.easeOutElastic = 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) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
}; 

Wie verbinde ich die jetzt mit meinem hittest?!

[JensEickhoff]

Also, so geht es ja nicht. Ich glaube ich krieg das eh nicht hin...

if (touchpf.hitTest( _root._xmouse, _root._ymouse, false)){
 
     Math.easeOutElastic = 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) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
};
 
        }
        if (touchpf2.hitTest( _root._xmouse, _root._ymouse, false)){
                
                laenderliste._y = laenderliste._y*0.995;
                
        }
} 

[warrantmaster]

wenn ich nur darauf kommen würde, was du überhaupt machen willst ??

[JensEickhoff]

Mmm. Ja ich hab links eine Liste mit 220 Ländernamen und oben einen Pfeil und unten einen Pfeil. Wenn ich oben über den Pfeil gehe soll es anfangen nach oben zu scrollen (unten genauso), wenn ich den Mauszeiger wegziehe soll die Länderliste nachfedern, so wie bei Robert Penner´s easing equation (elasticOut), die ich ja mal von seiner Site hierhin kopiert hab.

Wie genau ich die jetzt einbinde weiss ich aber nicht, also die easing equation statt meinem y = y *0.9

Jens

[tenrapid]

Wenn Du auf das Nachfedern verzichten kannst, hilft Dir vielleicht folgendes schon weiter:

softScroller=new Object();
softScroller.scrolling=function() {
    this.v+=this.a;
    if (Math.abs(this.v)>=this.vmax) this.a=0;
    if (-this.a/Math.abs(this.a)*this.v<=0 && this.stop) {
        this.a=0;
        this.v=0;
    }
    this.mc._y+=this.v;
}
softScroller.onRollOver=function(dir) {
    this.stop=false;
    this.a=dir*this.aMax;
}
softScroller.onRollOut=function() {
    this.a=-this.v/Math.abs(this.v)*this.aMax;
    this.stop=true;
}
softScroller.a=0;
softScroller.aMax=0.8;
softScroller.v=0;
softScroller.vMax=8;
 
softScroller.mc=laenderliste;
 
_root.onEnterFrame=function() {
    softScroller.scrolling();
}
 
 
touchpf.scroller=softscroller;
touchpf.onRollOver=function() {
    this.scroller.onRollOver(1);
}
touchpf.onRollOut=function() {
    this.scroller.onRollOut();
}
 
touchpf2.scroller=softscroller;
touchpf2.onRollOver=function() {
    this.scroller.onRollOver(-1);
}
touchpf2.onRollOut=function() {
    this.scroller.onRollOut();
} 

[JensEickhoff]

Ja, vielen Dank, damit ist es auch schon ganz schön!

Das kann ich erstmal so lassen.

Jens