Vier Filter, eine Quelle
fx-source loest ein beliebiges Ziel zu Pixeln auf.
Vier Module lesen dieselben Pixel unterschiedlich. Wechsle Quelle, Regler und Theme —
was hier stehen bleibt, geht durch.
Pruefstand
Links steht die Quelle so, wie der Browser sie malt. Rechts vier Fenster darauf — alle vier bekommen denselben Canvas, keines liest das DOM selbst.
Bundle steht.
Vier Module, ein Fundament, kein Fremdcode.
Diese Karte ist echtes Markup. Kein Bild, kein Canvas.
Ein Ziel ohne Canvas und ohne Bild geht durch domTexture.
wird gemessen
Was beim Theme-Wechsel wirklich passiert
Die Filter kopieren ihre Quelle beim Start (fromElement in
fx-source.js). asciify und
dither haengen zwar an
onThemeChange und tauschen ihre Tinte, ihre Helligkeitswerte
stammen aber weiter aus der Kopie im alten Theme. Deshalb baut diese Seite bei jedem
Theme-Wechsel alle vier Fenster neu auf, statt nur redraw()
zu rufen. Der Zaehler oben zeigt, wie oft das passiert ist.
Die Zeile unter der Quelle nennt Groesse und den mittleren Bildpunkt des aufgeloesten
Canvas. Ein leeres Fenster hat genau drei Ursachen, und die sehen alle gleich aus:
Canvas ohne Groesse, verunreinigter Canvas (dann wirft
getImageData einen SecurityError) oder Pixel mit Alpha 0 —
dann ist jede Zelle ein Leerzeichen und das Fenster zu Recht leer. Wirft ein Modul beim
Bauen, steht der Fehlername als rote Pille an seinem Fenster; die anderen drei laufen
weiter.
Nebenbefunde
Drei kleinere Zugaben aus 1.6.0, jede an sich selbst gemessen.
Sieben --mz-fs-*-Tokens auf clamp().
Der Wert rechts ist gemessen, nicht abgeschrieben — zieh das Fenster schmaler.
- xlVier Filter—
- lgVier Filter—
- mdVier Filter—
- baseVier Filter—
- smVier Filter—
- xsVier Filter—
- 2xsVier Filter—
Diese Kacheln spannen ueber @container, nicht ueber
@media. Der Umbruch haengt an der Breite des Rasters, nicht
an der des Fensters.
Rasterbreite —
Spalten —
Die Pille am Seitenfuss schreibt nach localStorage pro Slug
und feuert mz:feedback.
Letztes Ereignis noch keins
Schrift aus fonts-maierzone@1.0.0, selbst gehostet.
Laedt sie nicht, faellt die Seite auf den System-Stack zurueck.
Space Grotesk wird geprueft