Scrollen sensitiv auf Mausbewegung

[johanness]

Hallo,

ich möchte ähnlich wie beim neuen iPod-Touch oder auf der Webseite Zero Style (links in der Navigation) ein Scrollfeld bauen.

Dieses Scrollfeld soll nicht wie eine Slideshow funktionieren, sondern die Scrollposition soll von der Mauszeiger-Position abhängig sein.

Gibt es hierzu Codeschnipsel oder evtl. sogar einen Namen, unter dem ich selbst suchen kann?

Danke,
Johannes


PS: Welche AS-Version ist egal!

[hellslawyer]

Meinst Du sowas hier?

mein_mc._x = _xmouse*(-1); 

[johanness]

Ganz so einfach ist das natürlich nicht ;-)

Da muss eine Berechnung rein, denn in Abhängigkeit der höhe des zu scrollenden Inhalts muss die Scrollgeschwindigkeit an die Mausbewegung angepasst werden: Bei langen Inhalten, entspricht also 100px Mausbewegung ein Scrollen von z.B. 500px. Bei kurzen Inhalten, entsprechen die 100px jedoch nur z.B. 200px. Richtig?

Und hierfür hätte ich gerne einen sauberen Codeschnipsel, der dynamisch zu verarbeiten ist...

Danke!

[hellslawyer]

Na, das ist doch nur Dreisatz:

var slidefaktor:Number = mein_mc._width/Stage.width-1;
mein_mc.onRollOver = function(){
   this.onMouseMove = function(){
      mein_mc._x = _xmouse*(-1)*slidefaktor;
   }
}
mein_mc.onRollOut = function(){
    delete (this.onMouseMove);
} 

[johanness]

Ah, so macht das ganze schon mehr Sinn. Dein erster Post war also nur die Grundidee. Danke!

Jetzt muss ich nur noch den Begrenzungsrahmen, wo dieser Scrolleffekt überhaupt passieren soll, mit in die mathematische Rechnung einbauen. Aber das bekomme ich hin, denke ich.

[johanness]

Jetzt musste ich das ganze etwas umbauen, da mein gescrollter MC selbst klickbare Elemente enthält. Ich habe das wie folgt gelöst:

this.onEnterFrame = function() {
    if((_xmouse>10) && (_xmouse<440) && (_ymouse>10) && (_ymouse<915)) {
        this.onMouseMove = function() {
            this.liste._y = ((_ymouse-92)*(-1)*slidefaktor);
            if(this.liste._y > 15) liste._y = 15;
            if(this.liste._y < -1310) liste._y = -1310;
        }
    } else {
        delete(this.onMouseMove);
    }
} 

Ich habe mittlerweile schon einiges mehr Script. Immer wenn ich nun das SWF aufrufe, verbraucht Flash einen enormen Teil meiner Rechenleistung. Kann das an dem obigen Script liegen. Kann/muss man das Script optimieren?

[hellslawyer]

Dein Problem dürfte der onEnterFrame-Event sein, denn der fragt in Deiner Version 30 mal (oder ähnliches, je nach eingestellter Framerate) die Mausposition ab. Weniger Performancelastig wäre die Lösung, einfach einen unsichtbaren Button in Größe der "Abfragefläche" zu bauen und den mouseMove-Event in den RollOver-Event dieses Buttons zu packen. Ist aber nur ein Quick-And-Dirty-Ansatz, da ich den Rest Deiner Programmierung und den Aufbau der Datei nicht kenne.

[johanness]

Zitat von hellslawyer

Weniger Performancelastig wäre die Lösung, einfach einen unsichtbaren Button in Größe der "Abfragefläche" zu bauen und den mouseMove-Event in den RollOver-Event dieses Buttons zu packen.

Das hatte ich ja vorher und ging wunderbar. Nur konnte ich dann die Inhalte des gescrollten MCs nicht mehr klicken, weil der "unsichtbare Button" die Mausaktionen für sich alleine beanspruchte (vgl. vorhergehender Beitrag). Deshalb jetzt die performancelastige onEnterFrame-Geschichte.

Alternativen? Danke!