Unten ist das neue Sonos-Logo.
Wenn Sie mit dem Bild auf dem Bildschirm nach oben und unten scrollen, sieht es so aus, als würden Schallwellen nach außen pulsieren.
Was bewirkt, dass dieser Effekt auftritt?
Es wird Moiré-Muster genannt .
Es entsteht, wenn zwei „Gitter“-Muster (freier Begriff, der sich auf geometrische Linien, Punkte usw. beziehen könnte) übereinander gelegt und verschoben werden.
In diesem Fall sind die beiden „Rastermuster“ das Bild selbst (das aus geometrischen Linien besteht) und die pixelbasierte Bildschirmaktualisierung Ihres Bildschirms.
Ein ähnlicher Effekt tritt auf, wenn Nachrichtensprecher im Fernsehen eng gestreifte Muster tragen: https://www.youtube.com/watch?v=jXEgnRWRJfg
Das Muster des Logos erzeugt eine überraschende visuelle Bewegungserscheinung, wenn es auf einem LCD * angezeigt wird und die Ansicht um kleine Bruchteile der Mustergröße gescrollt wird.
Der beim Scrollen des Bildes nach oben und unten sichtbare Effekt ist ein Moiré -Muster.
Diese Art von Muster erscheint, wenn sich zwei regelmäßige Linienmuster überlagern.
Die beiden Muster stammen in diesem Fall beide aus demselben Bild:
Es ist das aktuelle Bildschirmbild über dem Nachbild des vorherigen Bildschirmzustands im Gehirn des Betrachters .
Das Muster im Logobild heißt "Siemens-Stern" :
(Von forum.luminous-landscape.com )
Sehen wir uns nun an, wie es aussieht, wenn eine zu 50 % transparente Ebene mit demselben Bild hinzugefügt und um einige Pixel nach unten verschoben wird:
Um 3 Pixel nach unten verschoben:
Um 10 Pixel nach unten verschoben:
Beachten Sie, dass das Moiré-Muster eine andere Größe hat – es wird größer für mehr Versatz. Dies erklärt den pulsierenden Effekt, den Sie beim Scrollen sehen können: Das Scrollen erfolgt nicht in gleichen Schritten, daher variiert der Offset ein wenig.
* Der Effekt hängt nicht von der Verwendung eines LCD ab. Es sollte auf jedem Display, das auf einer physikalischen Pixelmatrix basiert, sehr ähnlich auftreten. Auf CRT-Displays ist der Effekt möglicherweise schwerer zu beobachten. Ein Grund dafür ist, dass die Artefakte des CRT-Anzeigekonzepts derart sind, dass sie hier leicht stören können. Ein wichtiger Unterschied zwischen CRT und LCD besteht auch darin, dass ein CRT ein Pixel im Vergleich zu einem idealen Bild normalerweise etwas zu unscharf darstellt, während ein LCD typischerweise Pixel zu scharf (!) zeigt – schärfer, als sie idealerweise sein sollten. Da das Siemens-Sternmuster explizit die oberen Grenzen der Displayauflösung ausnutzt, hat die Differenz einen starken Einfluss.
Der Moiré-Effekt und ähnliche visuelle Effekte sind ein wahrscheinlich großer Teil der Geschichte. Bei LCDs gibt es jedoch eine zusätzliche Wendung, die vom LCD-Modell abhängt:
Die Reaktionszeit (Zeit, die ein Pixel benötigt, um seinen Zustand in den erforderlichen Zustand zu ändern) hängt von den Graustufen ab (Beginn und Ende).
http://www.lagom.nl/lcd-test/response_time.php#response_time_gif
Die Linien, insbesondere die dünnen, stellen dem Monitor eine Vielzahl von Graustufen dar und sind nicht gleichmäßig verteilt, wodurch den ohnehin wahrgenommenen tatsächliche physische Verschiebungen hinzugefügt werden. Verwenden Sie den obigen Test als Indikator, wie sehr Ihr LCD diesem Effekt zum Opfer fällt.
Das Moiré-Muster ist ein Teil der Ursache, aber ein weiterer Faktor (da es beim Scrollen stärker auffällt) ist die Aktualisierungsrate des Bildschirms und die Tatsache, dass nicht alle Zeilen gleichzeitig aktualisiert werden. Es aktualisiert normalerweise Zeile für Zeile horizontal, und diese Verzerrung in Kombination mit dem Moiré macht den pulsierenden Effekt.
Jorik