nicht angemeldet
Hallo,
Man lese die Breite des aktuellen fensters aus. Damit hat man den rechten Punkt des Weges, läuft die Spinne von links nach rechts ist es der Endpunkt.
man nehme ein Div. Positioniere es an den Startpunkt des Bildschirmes und schaltet es unsichtbar. In dem Div ist ein Image. Die einfache Methode wäre, ein Gif von einer mit den Beinen zappelnden Spinne. Die genaue Methode schreibe ich gleich.
Jetzt wartet man ab, bis die Seite vollständig geladen ist, schaltet das Div auf sichtbar und verändert in den gewünschten Schritten die Position des Divs, indem man auf die x Koordinate einen Wert z dazuadiert. das muß man nun für die einzelnen Browser, die man unterstützen will, leider getrennt machen.
Hat das div die Endkoordinate erreicht, schaltet man das Div wieder auf unsichtbar.
Je größer z desto größere Sprünge macht die Spinne. Die Hochzählroutiene sollte man Zeitgesteuert anspringen, damit die Geschwindigkeit der Spinne nicht abhängig von der Brwoser und PC-Geschwindigkeit ist.
Will man die Spinne ganz genau gehen lasen, also die Beine sollen korrekt gesetzt werden, dann lädt man die einzelnen Animationsphasen als Einzelbilder vor. Jetzt muß bei jedem Schrit (x-Koordinate plus z) das Bild entsprechend ausgetauscht werden. Paßt man die "Bewegungspixelanzahl" und die Raufzählgeschwindigkeit an den gezeichneten Positionen der beine an, dann bewegt sich die Spinne Zeichentrickreif über den Bildschirm und könnte in der tat verdammt gut aussehen. Ich stelle mir eine schwarze Spinne vor, bei der die Beinpositionen immer genau gesetzt sind... auf einen weißen Hintergrund (Schatten werfend) .....
Nur: diese Mühe macht sich keiner, und deswegen sehen solche Effekte meistens blöd, billig und nach Cut&Copy aus....
Chräcker