dynamischer scroll panel

[Lou-CH-ZH]

Hallo Zusammen,

habe folgende Frage an AS-Fortgeschrittene:

Und zwar möchte ich ein dynamisches scroll panel verfeinern welches auf die positionen mienes mauszeigers reagiert. befindet sich die maus innerhalb des randes (stroke) steuert man den panel indem man die maus nach links und recht s bewegt.

nun würde ich sehr gerne folgende feinheiten dazu schreiben. und zwar möchte ich dass wenn ich einen rollout aus dem stroke mache dass sich der panel langsam wieder an seine anfangs position bewegt. des weitern würde ich gerne wenn sich der panel ans ende bewegt eine verlangsamung programmieren.(nicht dass er so aprupt stehen bleibt sondern schön smooooth

die dritte feinheit, wäre das pünktchen auf dem i. und zwar wenn man einen button auf dem pannel drückt dass sich der panel unmittelbar in die mitte des strokes positioniert

ich poste nun folgenden AS-Code und als anhang die swf.datei zum anschauen.

mit freundlichen grüssen Lukas

PHP-Code:

panel.onRollOver = panelOver;

function panelOver() {
    this.onEnterFrame = scrollPanel;
    delete this.onRollOver;
}

var b = stroke.getBounds(_root);

function scrollPanel() {
    if(_xmouse<b.xMin || _xmouse>b.xMax || _ymouse<b.yMin || _ymouse>b.yMax) {
        this.onRollOver = panelOver;
        delete this.onEnterFrame;
    }
    
    if(panel._x >= 89) {
        panel._x = 89;
    }
    
    if(panel._x <= -751) {
        panel._x = -751;
    }
    
    var xdist = _xmouse - 250;
    
    panel._x += Math.round(-xdist / 7);
} 


Smoothe Bewegungen und Abbremsungen kann man mit der Transition- und Tween-Klasse sowie mit den easing-Gleichungsfunktionen von Robert Penner erreichen. Einfach mal nach den entsprechenden Begriffen unter "Suchen" schauen...

[Lou-CH-ZH]

hallo holger .

ich habe nun als erstes einml versucht den rollout bereich zu definieren indem ich einfach die if(_xmouse>b.xMin || _xmouse<b.xMax || _ymouse>b.yMin || _ymouse<b.yMax)

umgedreht habe.

nun würde ich sehr gerne eine penner funktion einbauen. mir fehlen jedoch einbisschen die anhaltspunkte. ich habe die anderen easing-penner probleme alle sehr lange studiert nun fehlt mir einfach die programiererische fähigkeit dies in mein problem umzubschreiben. ich bin nicht auf der suche nach jemandem der mir das hier hinschreibt, dass will ich selber hinkriegen. jedoch versuche ich auf folgendem weg die penner funktion einzubauen :

panel.onRollOut = panelOut;

function panelOut() {
this.onEnterFrame = pennerfunktion;
delete this.onRollOut;
}

function pennerfunktion() {
if(_xmouse>b.xMin || _xmouse<b.xMax || _ymouse>b.yMin || _ymouse<b.yMax) {
this.onRollOver = panelOut;
delete this.onEnterFrame;
???
???
???

ich verstehe nicht wozu ich all die bedingungen d: duration und t:currenttime brauche

Math.linearTween = function (t, b, c, d) {
return c*t/d + b;
};

ich wäre sehr dankbar für einen lösungs ansatz

grüsse lukas