Qu'est-ce qui provoque l'effet dans le logo Sonos?


36

Vous trouverez ci-dessous le nouveau logo Sonos.

Lorsque vous faites défiler l'image à l'écran de haut en bas, il semble que les ondes sonores pulsent vers l'extérieur.

Qu'est-ce qui cause cet effet?

entrez la description de l'image ici


Pour beaucoup trop d’informations, consultez Nyquist-Shannon Sampling, également connu sous le nom de fréquence de Shannon: pour reproduire un signal, il faut disposer de 1,5 à 2 fois plus d’échantillons de fréquence. C'est la raison pour laquelle l'audio numérique est d'env. 44 kHz (l’audience humaine a une bande passante d’environ 22 kHz) et les images à imprimer mesurent 300 dpi (écran à 150 lignes). La "seconde grille" superposée sur l'image (comme indiqué ci-dessous) est "l'échantillonneur" dans ce cas, et les grilles sont trop similaires en échelle.
Yorik

Réponses:


33

C'est ce qu'on appelle un motif de moiré .

Il se forme lorsque deux motifs de "grille" (terme vague pouvant s'appliquer à des lignes géométriques, des points, etc.) sont superposés et déplacés.

Dans ce cas, les deux "modèles de grille" sont l'image elle-même (qui est des lignes géométriques) et l'actualisation de l'écran basée sur les pixels de votre écran.

Un effet similaire survient lorsque les journalistes portent des motifs étroitement rayés à la télévision: https://www.youtube.com/watch?v=jXEgnRWRJfg


2
Et c'est fortement lié à certaines résolutions. En zoomant sur cette image sur mon iPad, l'effet diminue rapidement, puis disparaît.
usr2564301

35
Cet effet est également connu sous le nom "OW OW OW DAMMIT FIT IT STOP", bien que ce soit le jargon de l'industrie.
Lauren-Reinstate-Monica-Ipsum

1
@Jongware Malheureusement, je ne peux pas reproduire vos résultats. Même en zoomant plus loin que le remplissage de l'écran, il ne perdra pas son effet. Cela ferait une bonne question de suivi.
Mât

15
(chantant) Quand les lignes à l'écran font plus de lignes entre les deux, c'est un moiré ...
Jeff Bowman soutient Monica

2
@ JeffBowman bien joué, monsieur, bien joué.
DA01

23

Moiré du motif se superposant

Le motif du logo crée une apparence visuelle surprenante de mouvement lorsqu'il est affiché sur un écran LCD * et que la vue défile par petites fractions de la taille du motif.

L'effet observé lors du défilement de l'image est un motif de moiré .
Ce type de motif apparaît lorsque deux motifs de lignes réguliers se superposent.
Dans ce cas, les deux motifs proviennent tous de la même image:

C'est l'image d'écran actuelle sur l' image rémanente de l'état d'écran précédent dans le cerveau du spectateur .

Le motif dans l'image du logo s'appelle "étoile Siemens" :

Étoile Siemens recadrée

(De forum.luminous-landscape.com )

Voyons maintenant à quoi ça ressemble quand on ajoute un calque transparent à 50% avec la même image et que l'on le décale de quelques pixels:

Décalé de 3 pixels:

Décalé de 3 pixels

Décalé de 10 pixels:

Décalé vers le bas de 10 pixels


Pourquoi pulser?

Notez que la taille du motif moiré est différente: il est plus grand pour plus de décalage. Ceci explique l'effet de pulsation que vous pouvez voir lors du défilement: Le défilement n'utilise pas des pas égaux, donc le décalage varie légèrement.


* L'effet ne dépend pas de l'utilisation d'un écran LCD. Il devrait apparaître très similaire sur tout affichage basé sur une matrice de pixels physique. Sur les écrans CRT, l’effet peut être plus difficile à observer. Une des raisons est que les artefacts du concept d'affichage à tube cathodique sont tels qu'ils peuvent interférer facilement ici. En outre, une différence importante entre les tubes cathodiques et les écrans LCD réside dans le fait qu’un tube cathodique représente un pixel généralement un peu trop flou par rapport à une image idéale, alors qu’un écran LCD affiche généralement des pixels trop nets (!) - plus nets qu’ils ne devraient normalement l’être. Comme le motif en étoile de Siemens utilise explicitement les limites supérieures de la résolution d'affichage, la différence a une forte influence.


Il peut être intéressant de noter que différents moniteurs et fréquences de rafraîchissement peuvent rendre l'effet plus ou moins prononcé. Sur les écrans CRT où le défilement est synchronisé sur le taux de rafraîchissement, l’effet peut être léger, voire inexistant, par rapport à de nombreux écrans LCD.
Supercat

@supercat Right - J'ai en quelque sorte supposé LCD sans le dire; Sur un tube cathodique, un "déchirement" peut rendre une partie de la pulsation plus faible ou plus grande. Entrelacer aurait un effet assez fort, je suppose.
Volker Siegel

Sur un tube cathodique, les artefacts visuels issus du balayage haut-bas ne poseront problème que si les objets déplacent une partie importante de la taille de l'écran par image. Entrelaçage sera un problème à moins que le nombre de pixels par trame déplacée verticalement est compatible multiple de quatre ( par exemple deux pixels par champ ). Je souhaite que les moniteurs LCD à taux de rafraîchissement élevé ajoute une option permettant d'alterner les cadres visible et noir. cela réduirait la luminosité maximale de moitié, mais le mouvement synchronisé avec l'image peut sembler mieux montrer une image pendant 1/120 seconde et un noir pendant 1/120 que de montrer des images pendant 1/60 seconde.
Supercat

3

L'effet moiré et les effets visuels similaires font partie intégrante de l'histoire. Cependant, avec les écrans LCD, vous avez une touche supplémentaire qui dépend du modèle d'écran LCD:

Le temps de réponse (temps nécessaire à un pixel pour changer l’état requis) dépend des niveaux de gris (début et fin).

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

Les lignes, en particulier les lignes minces, présentent une multitude de niveaux de gris sur le moniteur et elles ne sont pas distribuées de manière égale, ajoutant ainsi des décalages physiques réels à ceux perçus de toute façon. Utilisez le test ci-dessus comme indicateur pour déterminer combien votre écran LCD est victime de cet effet.


1

Le motif de moiré fait partie de la cause, mais un autre facteur (puisqu'il est plus visible lorsque vous faites défiler) est le taux de rafraîchissement de l'écran et le fait que toutes les lignes ne se mettent pas à jour en même temps. Il met généralement à jour ligne par ligne horizontalement, et cette distorsion combinée avec le moiré crée l'effet de pulsation.


2
Le taux de rafraîchissement est en réalité la cause du motif moiré. Il agit en tant que deuxième «recouvrement» de grille.
DA01
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.