Unten sehen Sie 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 verursacht diesen Effekt?

Es heißt Moiré-Muster .

Es entsteht, wenn zwei 'Gitter'-Muster (loser Begriff, der für geometrische Linien, Punkte usw. gelten könnte) übereinander gelegt und verschoben werden.

In diesem Fall sind die beiden "Gittermuster" das Bild selbst (dh die geometrischen Linien) und die pixelbasierte Bildschirmaktualisierung Ihres Bildschirms.

Ein ähnlicher Effekt ist, wenn Nachrichtensender im Fernsehen eng gestreifte Muster tragen: https://www.youtube.com/watch?v=jXEgnRWRJfg

Moiré des Musters überlagert sich

Das Muster des Logos erzeugt ein überraschendes visuelles Erscheinungsbild von Bewegung, wenn es auf einem LCD ^* angezeigt wird und die Ansicht um kleine Bruchteile der Mustergröße verschoben wird .

Der Effekt, der beim Auf- und Abrollen des Bildes auftritt, ist ein Moiré- Muster.
Diese Art von Muster erscheint, wenn sich zwei reguläre Linienmuster überlagern.
In diesem Fall stammen beide Muster aus demselben Bild:

Es ist das aktuelle Bildschirmbild über dem Nachbild des vorherigen Bildschirmzustands im Gehirn des Betrachters .

Das Muster im Logo heißt "Siemens-Stern" :

(Aus forum.luminous-landscape.com )

Nun wollen wir sehen, wie es aussieht, wenn eine 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:

Warum pulsieren?

Beachten Sie, dass das Moiré-Muster eine andere Größe hat - es wird größer, um mehr Versatz zu erzielen. Dies erklärt den pulsierenden Effekt, den Sie beim Scrollen sehen können: Beim Scrollen werden nicht die gleichen Schritte verwendet, daher variiert der Versatz ein wenig.

_{* Der Effekt hängt nicht von der Verwendung eines LCD ab. Sie sollte bei jeder Anzeige, die auf einer physischen Pixelmatrix basiert, sehr ähnlich sein. Auf CRT-Bildschirmen ist der Effekt möglicherweise schwerer zu beobachten. Ein Grund ist, dass die Artefakte des CRT-Anzeigekonzepts so sind, dass sie hier leicht stören können. Ein wichtiger Unterschied zwischen CRT und LCD besteht auch darin, dass eine CRT ein Pixel darstellt, das im Vergleich zu einem idealen Bild in der Regel etwas unscharf ist, während ein LCD in der Regel zu scharfe (!) Pixel aufweist, die schärfer sind, als sie im Idealfall sein sollten. Da das Siemens-Sternchenmuster die oberen Grenzen der Anzeigeauflösung explizit ausnutzt, hat der Unterschied einen starken Einfluss.}

Der Moire-Effekt und ähnliche visuelle Effekte sind wahrscheinlich ein wichtiger Teil der Geschichte. Bei LCDs gibt es jedoch eine zusätzliche Besonderheit, die vom LCD-Modell abhängt:

Die Antwortzeit (Zeit, die ein Pixel benötigt, um den Status zu ändern) hängt von den Graustufen (Anfang und Ende) ab.

http://www.lagom.nl/lcd-test/response_time.php#response_time_gif

Die Linien, besonders die dünnen, präsentieren dem Monitor eine Vielzahl von Graustufen, und sie sind nicht gleichmäßig verteilt, wodurch die wahrgenommenen physischen Verschiebungen zu den ohnehin hinzukommen. Verwenden Sie den Test oben als Indikator dafür, wie viel Ihr LCD-Bildschirm diesem Effekt zum Opfer fällt.

Das Moiré-Muster ist Teil der Ursache, aber ein weiterer Faktor (da dies beim Scrollen deutlicher wird) ist die Aktualisierungsrate des Bildschirms und die Tatsache, dass nicht alle Zeilen gleichzeitig aktualisiert werden. Normalerweise wird es Zeile für Zeile horizontal aktualisiert, und diese Verzerrung in Kombination mit dem Moiré erzeugt den pulsierenden Effekt.