Drifting Tiles
Fließende Kacheln — 2026, generated SVG, dimensions variable · Motion · Still
After Jacques Faubert / Andrew Herbert, 1999
Nothing here is moving.
Bewegt sich hier etwas im Bild?
So schaust du hin: Nicht die Mitte, sondern den Rand des Bildes locker ansehen
Teilen
Auflösung zeigen
Ein vollkommen statisches Bild. Kein einziges Pixel bewegt sich.
↑ Der Mechanismus, sichtbar gemacht.
Notes — warum es so aussieht
Was passiert hier
Dieses Bild ist eine vollständig statische SVG-Grafik. Es steckt keine Animation darin. Bewegst du trotzdem den Blick oder legst es an den Bildschirmrand und siehst locker hin, beginnen die Kachelreihen seitwärts zu fließen.
Drückst du „Auflösung zeigen”, bleibt nur die mittlere Reihe übrig. Verschwindet die Wiederholung, verschwindet auch das Fließen.
Warum wir es so sehen
Jede Kachel ist in einer festen Reihenfolge gefärbt: Schwarz → Mittelton → Weiß → anderer Mittelton. Entscheidend ist diese „asymmetrische Helligkeitsabfolge”.
- Helle und dunkle Bereiche werden vom visuellen System minimal unterschiedlich schnell verarbeitet
- Diese winzige Verzögerung wird als „Bewegung” zwischen benachbarten Helligkeitskanten gedeutet
- Das scharfe Sehen in der Mitte kann diese Verschiebung ausgleichen, das periphere Sehen nicht
Daher die seltene Eigenschaft: Hinsehen bringt es zum Stillstand, Wegsehen bringt es zum Fließen.
Was den Effekt verändert
- Ist die Reihenfolge in jeder zweiten Reihe umgekehrt, fließen benachbarte Reihen gegenläufig und es entsteht ein Welleneffekt
- Je näher der Mittelton an Schwarz oder Weiß liegt, desto schwächer der Effekt
- Sind die Kacheln zu groß, kann das scharfe Sehen sie verarbeiten, und die Bewegung verschwindet
Zuerst beschrieben
After Jacques Faubert / Andrew Herbert, 1999
Quelle: „The peripheral drift illusion: A motion illusion in the visual periphery", Perception
Nach demselben Prinzip ist Akiyoshi Kitaokas „Rotating Snakes" (2003) weithin bekannt. Das Muster hier orientiert sich nicht daran, sondern setzt allein das Prinzip der peripheren Bewegungswahrnehmung eigenständig um.
Media — Bilder und Daten
- OG / X (1200×630)
- Instagram quadratisch (1080×1080)
- Shorts / Reels hochkant (1080×1920)
- Lösungsbild — quer (X)
- Lösungsbild — quadratisch (Instagram)
- Lösungsbild — hochkant (Shorts)
- Beitragsentwürfe (JSON)
Für nicht-kommerzielle Zwecke wie Unterricht, Schulprojekte und Blogs frei nutzbar – bitte mit einem Link auf diese Seite als Quelle. Kommerzielle Nutzung ist nicht eingeschlossen
Jede Abbildung wird hier aus dem Phänomen selbst erzeugt (eigener Entwurf). Genutzt wird nur das allgemeine Prinzip der peripheren Drift-Täuschung (wiederholte asymmetrische Helligkeitsverläufe); Anordnung, Farben und Proportionen sind eigenständig für diese Seite entworfen. Es ist keine Kopie eines bestehenden Werks.



