Parallax-Scrolling

Bei Computerbildschirmen , Film- und Fernsehproduktionen , Videospielen und anderen interaktiven Darstellungen bezeichnet Scrollen das Verschieben von Text, Bildern oder Videos über einen Monitor oder ein Display, vertikal oder horizontal. Scrollen selbst verändert nicht das Layout von Text oder Bildern, sondern verschiebt ( schwenkt oder neigt ) den Blick des Nutzers über ein scheinbar größeres Bild, das nicht vollständig sichtbar ist. [ 1 ] Ein gängiger Spezialeffekt in Film und Fernsehen ist das Scrollen des Abspanns bei statischem Hintergrund. Scrollen kann völlig automatisch erfolgen (wie im Filmabspann) oder, auf interaktiven Geräten, durch Touchscreen oder Tastendruck ausgelöst werden und ohne weitere Interaktion bis zu einer erneuten Nutzeraktion fortgesetzt werden. Alternativ kann es auch vollständig von Eingabegeräten gesteuert werden .

Das Scrollen kann in einzelnen Schritten (beispielsweise eine oder wenige Textzeilen) oder kontinuierlich ( flüssiges Scrollen ) erfolgen. Die Bildwiederholfrequenz (Frame Rate ) gibt an, wie schnell ein gesamtes Bild neu angezeigt wird. Sie hängt mit dem Scrollen zusammen, da Änderungen an Text- und Bildposition nur so oft erfolgen können, wie das Bild neu angezeigt werden kann. Wenn die Bildwiederholfrequenz ein limitierender Faktor ist, kann man durch das Verwischen von Bildern während der Bewegung, die sonst ruckartig erscheinen würde, ein flüssiges Scrollen ermöglichen.

Computer

Durchführung

Das Scrollen auf einem Computer wird häufig von der CPU ( Software-Scrolling ) oder vom Grafikprozessor übernommen . Einige Systeme verfügen über Hardware-Scrolling , bei dem ein Bild während der Anzeige verschoben werden kann, ohne dass der Framebuffer manipuliert wird (siehe auch Hardware-Windowing ). Dies war besonders bei 8- und 16-Bit-Videospielkonsolen verbreitet.

UI-Paradigmen

In einer WIMP -basierten grafischen Benutzeroberfläche (GUI) erfolgt das Scrollen durch die Maus über eine Scrollleiste oder mithilfe von Tastenkombinationen , häufig den Pfeiltasten . Scrollen wird oft von textbasierten Benutzeroberflächen und Kommandozeilen unterstützt . Ältere Computerterminals änderten den gesamten Bildschirminhalt seitenweise; dieser Paging-Modus benötigt weniger Ressourcen als das Scrollen. Auch scrollbare Bildschirme unterstützen häufig den Seitenmodus. Typischerweise werden bestimmte Tasten oder Tastenkombinationen zum Blättern verwendet; auf PC-kompatiblen Tastaturen die Bild-auf- und Bild-ab-Tasten oder die Leertaste ; ältere Computer verwendeten oft Strg-Tastenkombinationen . [ Anmerkungen 1 ] Einige Computermäuse besitzen ein Scrollrad , das beim Drehen den Bildschirm scrollt, meist vertikal; andere haben Scrollkugeln oder Kippräder, die sowohl vertikales als auch horizontales Scrollen ermöglichen.

Manche Software unterstützt alternative Scrollmethoden. Adobe Reader bietet einen Modus, der durch ein kleines Handsymbol („Hand-Werkzeug“) im Dokument gekennzeichnet ist. Dieses kann durch Anklicken und Bewegen der Maus wie ein großes Blatt Papier verschoben werden. [ 2 ] Auf Touchscreens wird diese Funktion als kinetisches Scrollen bezeichnet . Touchscreens nutzen häufig das Trägheitsscrollen , bei dem die Scrollbewegung eines Objekts nach dem Loslassen der Berührung allmählich fortsetzt und so die Erscheinung eines Objekts mit Trägheit simuliert . Eine frühe Implementierung dieses Verhaltens fand sich im „Star7“ -PDA von Sun Microsystems um 1991–1992. [ 3 ]

Das Scrollen kann mit einer PC-Maus auf verschiedene softwareabhängige Weisen gesteuert werden. Einige Scrollräder lassen sich wie eine Taste drücken. Je nach Software ermöglicht dies horizontales oder vertikales Scrollen durch Ziehen in die gewünschte Richtung; wird die Maus in die Ausgangsposition zurückgesetzt, stoppt das Scrollen. Manche Scrollräder können auch geneigt werden, wodurch horizontal in eine Richtung gescrollt wird, bis man sie loslässt. Auf Touchscreen- Geräten erfolgt das Scrollen durch eine Multi-Touch -Geste: Man wischt mit dem Finger vertikal über den Bildschirm in die entgegengesetzte Richtung der gewünschten Scrollrichtung.

Ist ein Inhalt zu breit für den Bildschirm, muss horizontal gescrollt werden, um ihn vollständig anzuzeigen. In Anwendungen wie Grafikprogrammen und Tabellenkalkulationen ist oft mehr Inhalt vorhanden, als in einer angenehmen Größe auf die Bildschirmbreite oder -höhe passt, sodass Scrollen in beide Richtungen notwendig ist.

Unendliches Scrollen

Im Gegensatz zu Inhalten, die in einzelne Seiten unterteilt sind , fügt der Webdesign-Ansatz des unendlichen Scrollens dem Benutzerbildschirm dynamisch neue Inhalte hinzu, was zu einem kontinuierlichen, scheinbar bodenlosen oder endlosen Scroll-Erlebnis führt.

Text

In horizontal geschriebenen Sprachen , wie den meisten westlichen Sprachen, werden längere Texte, die nicht auf den Bildschirm passen, oft umgebrochen und an die Bildschirmbreite angepasst. Um den gewünschten Inhalt anzuzeigen, muss vertikal gescrollt werden. Es ist zwar möglich, Zeilen, die zu lang für den Bildschirm sind, ohne Umbruch anzuzeigen und horizontal zu scrollen, um jede Zeile vollständig zu sehen. Dies erfordert jedoch ein umständliches, ständiges Scrollen Zeile für Zeile, während vertikales Scrollen erst nach dem Lesen einer gesamten Bildschirmseite nötig ist.

Software wie Textverarbeitungsprogramme und Webbrowser verwenden normalerweise den automatischen Zeilenumbruch, um so viele Wörter in einer einzigen Zeile anzuzeigen, wie in die Breite des Bildschirms oder Fensters passen, oder, bei in Spalten organisiertem Text, in jede Spalte.

Demos

Scrollende Texte, auch Scrolltexte oder Scroller genannt , spielten eine wichtige Rolle bei der Entstehung der Computer- Demo-Kultur . Die Software-Cracker nutzten oft ihr tiefes Wissen über Computerplattformen , um die Informationen, die ihre Veröffentlichungen begleiteten, in Crack-Intros umzuwandeln . Die einzige Aufgabe dieser Intros bestand darin, den Text auf dem Bildschirm eindrucksvoll scrollen zu lassen. [ 4 ]

Film und Fernsehen

Das Scrollen wird häufig verwendet, um die Credits am Ende von Filmen und Fernsehsendungen anzuzeigen .

Das Scrollen wird häufig in Form eines Newstickers am unteren Bildrand für Inhalte wie Fernsehnachrichten verwendet , der seitlich über den Bildschirm scrollt und so Kurzforminhalte liefert.

Ein Einzelbild aus dem Vorspann der 11. Folge von Flash Gordon Conquers the Universe (1940)

In der dynamischen Gestaltung kinetischer Typografie kann scrollender Text über den Bildschirm gleiten oder scheinbar vor- oder zurückweichen. Ein bekanntes Beispiel ist der von den Flash-Gordon -Serien inspirierte Vorspann von Star Wars .

Videospiele

In Computer- und Videospielen ermöglicht das Scrollen des Spielfelds dem Spieler, ein Objekt in einem großen, zusammenhängenden Bereich zu steuern. Frühe Beispiele für diese Methode sind Taitos vertikal scrollendes Rennspiel Speed ​​Race von 1974 [ 5 ] , Segas vorwärts scrollende Rennspiele Moto-Cross [ 6 ] ( Fonz ) [ 7 ] und Road Race [ 8 ] von 1976 sowie Super Bug . Zuvor wurde die Flip-Screen -Methode verwendet, um bewegte Hintergründe darzustellen .

Das 1979 mit Galaxian eingeführte Namco Galaxian Arcade-Systemboard war Vorreiter eines Sprite- Systems , das vorab geladene Sprites über einem scrollenden Hintergrund animierte und die Grundlage für Nintendos Radar Scope und Donkey Kong Arcade-Hardware sowie Heimkonsolen wie das Nintendo Entertainment System bildete . [ 9 ]

Das Parallax-Scrolling , das erstmals in Moon Patrol zum Einsatz kam , verwendet mehrere halbtransparente Ebenen (sogenannte Spielfelder), die mit unterschiedlichen Geschwindigkeiten übereinander scrollen, um eine frühe Pseudo-3D- Illusion von Tiefe zu erzeugen. [ 10 ]

Belt Scrolling ist eine Methode, die in Side-Scrolling-Beat-'em-up-Spielen mit einem nach unten gerichteten Kamerawinkel verwendet wird, bei der sich die Spieler zusätzlich zu links und rechts auch nach oben und unten bewegen können.

Studien

Ein Artikel von George Fitzmaurice aus dem Jahr 1993 untersuchte raumbezogene Handheld-Computer . Diese Geräte verfügten über einen 3D-Sensor, und die Bewegung des Geräts bewirkte, dass sich der Inhalt bewegte, als wäre er fixiert. Diese Interaktion kann als „Scrollen durch Bewegen“ bezeichnet werden. Bewegte der Benutzer das Gerät vom Körper weg, wurde hineingezoomt; zog er es hingegen näher heran, wurde herausgezoomt. Smartphone- Kameras und die optische Flussanalyse nutzen diese Technik heutzutage. [ 11 ]

Eine Forschungsarbeit von Jun Rekimoto aus dem Jahr 1996 analysierte Neigungsgesten als Scrolltechniken auf kleinen Bildschirmen. Benutzer konnten nicht nur durch Neigen scrollen, sondern auch Menüpunkte auswählen. Diese Techniken erwiesen sich als besonders nützlich für Außendienstmitarbeiter, da sie das Gerät nur mit einer Hand halten und bedienen mussten. [ 12 ]

Eine Studie von Selina Sharmin, Oleg Špakov und Kari-Jouko Räihä aus dem Jahr 2013 untersuchte das Leseverhalten bei automatischem Bildschirmscrollen, basierend auf den Blickbewegungen der Nutzer . Die Kontrollgruppe las den Text lediglich auf dem Bildschirm und scrollte manuell. Die Studie ergab, dass die Teilnehmer bevorzugt im oberen Bildschirmbereich lasen. Daher scrollte der Bildschirm automatisch nach unten, sobald die Blicke der Teilnehmer zum unteren Bildschirmrand wanderten. Dieses automatische Scrollen hatte keinen statistisch signifikanten Einfluss auf die Lesegeschwindigkeit oder -leistung. [ 13 ]

Eine undatierte Studie von Dede Frederick, James Mohler, Mihaela Vorvoreanu und Ronald Glotzbach aus dem Jahr 2010 oder später stellte fest, dass Parallax-Scrolling „bei manchen Menschen Übelkeit auslösen kann“. [ 14 ]

Siehe auch

  • Umblättern  – ein alternativer visueller Effekt zur Navigation in digitalen Publikationen

Anmerkungen

  1. ^ Der weit verbreitete Textverarbeitungsprogramm WordStar verwendete die „Raute“ aus Strg+S/E/D/X, um den Cursor nach links, oben, rechts und unten zu bewegen, und Strg+R und Strg+C, um die Seite nach oben und unten zu blättern.

Referenzen

  1. ^ „Scroll“ . Encyclopedia.com . 2009. Abgerufen am 23. Februar 2019 .
  2. ^ „Verwenden Sie das Hand-Werkzeug, um einen anderen Bereich eines Bildes anzuzeigen“ . Adobe . 29.04.2024. Archiviert vom Original am 08.04.2026 . Abgerufen am 08.04.2026 .
  3. ^ JamesAGosling (19. Oktober 2007). „Star7 Demo“ . Abgerufen am 8. Februar 2019 – via YouTube.
  4. ^ „PC Demoscene FAQ“ . tomaes.32x.de . Archiviert vom Original am 9. Dezember 2003. Abgerufen am 6. Juni 2022 .
  5. ^ Speed ​​Race in der Killerliste der Videospiele
  6. ^ Moto-Cross auf der Killerliste der Videospiele
  7. ^ Fonz auf der Killerliste der Videospiele
  8. ^ Straßenrennen in der Killerliste der Videospiele
  9. ^ Die Verwirklichung des Famicom , Nikkei Electronics (12. September 1994)
  10. ^ „Die wichtigsten Entwicklungen in der Videospielbranche“ . GamesRadar . 8. Oktober 2010. S. 3. Archiviert vom Original am 19. März 2012. Abgerufen am 27. April 2011 .
  11. ^ Fitzmaurice, George W. (1993-07-01). „Situated Information Spaces and Spatially Aware Palmtop Computers“ . Commun. ACM . 36 (7): 39–49 . doi : 10.1145/159544.159566 . ISSN 0001-0782 . S2CID 16997188 .  
  12. ^ Rekimoto, Jun (1996-01-01). „Neigungsfunktionen für kleine Bildschirmoberflächen“. In: Proceedings of the 9th annual ACM symposium on User interface software and technology - UIST '96 . New York, NY, USA: ACM. S.  167–168 . CiteSeerX 10.1.1.19.8330 . doi : 10.1145/237091.237115 . ISBN  978-0897917988. S2CID  15104495 .
  13. ^ Sharmin, Selina; Špakov, Oleg; Räihä, Kari-Jouko (01.01.2013). „Lesen von Bildschirmtexten mit blickgesteuertem Auto-Scrolling“. Proceedings of the 2013 Conference on Eye Tracking South Africa . ETSA '13. New York, NY, USA: ACM. S.  24–31 . doi : 10.1145/2509315.2509319 . ISBN 9781450321105. S2CID  18759763 .
  14. ^ Frederick, Dede. „Die Auswirkungen des Parallax-Scrollings auf die Benutzererfahrung im Webdesign“. Journal of User Experience . 10 (2).