# Changelog ## [unreleased] — 2026-11-06 - **Library 0.11.4: Swatches mit Ausnahme Cameo** (user, 06.11.2026: „Ja, Ausnahme ergänzen“): Die halben Farbfelder von Cameo in Matrix stehen jetzt als Ausnahme in den Regeln, statt der Regel „Eine Paarung ist ein Punkt“ zu widersprechen. Am Tool ändert sich nichts. - **Library 0.11.3: Regeln als Liste, Probe an drei Bausteinen** (user, 06.11.2026: „interessant? https://designsystemdocspec.org/quickstart“ – „Ja, drei Bausteine“) - Segmented control, Swatches und Save menu führen ihre Regeln einzeln, mit Stufe, Prüfung und dem Zitat der Entscheidung. Die Feldnamen stammen aus der Design System Doc Spec. Der Inhalt der Regeln ist gleich. - Die Karten der Library zeigen diese Regeln als Tabelle; bisher war der Regeltext dort nur durchsuchbar. Die Suche findet Regeln und Zitate. - `check-standard.py` prüft die Form jeder Regel und dass es die genannte Prüfung gibt. - Kein Eintrag in `DT_CHANGED`: Für die Tools ändert sich nichts, sie würden sonst fälschlich als „nicht abgeglichen“ gelten. - Save menu, Zugänglichkeit: „Dialog“ statt des veralteten „Popover“. - **Core 0.7.16: Die Dashboards verschwinden nicht mehr, wenn die Film-Kachel lädt** (user, 06.11.2026: „THA dashboard blitzt wieder“) - **Ursache, online gemessen:** Die Film-Kachel lädt die Skripte der Seite des Motion Composers und schloss dabei nur `core/ui.js` aus. So lief `core/boot.js` ein zweites Mal und setzte `html.preload` auf die fertige Seite. Das Dashboard war 3 s lang weg und blendete dann wieder ein. Betrifft jedes Dashboard mit Film-Kachel. - **Behoben:** `tileFilm` lädt auch `core/boot.js` nicht mehr. - **Matrix 0.4.66: Cameo; Engine Matrix 0.4.32** (user, 05.11.2026: „ich hätte gerne noch einen cameo mode (als extra farboption), vielleicht halb/halb inveritert als farbwähler“; „die kerben brauchen wir nicht, ticker und film auch cameo“; „bitte umgekehrten cameo auch ergänzen“) - Zwei neue Farbfelder, halb schwarz, halb weiß, in einer eigenen Zeile unter den beiden Paarungen: Jedes Zeichen, auch das Leerzeichen, steht weiß auf einer schwarzen Kachel auf weißem Grund, oder umgekehrt schwarz auf einer weißen Kachel auf schwarzem Grund, mit einer Haarlinie dazwischen. Jede Zeile endet mit ihrer letzten Kachel. - Gilt für Setzen, Ticker, Film mit allen Szenen, MP4, PNG und SVG und wird in der JSON gespeichert. Im Ticker läuft ein Band mit Haarlinien mit dem Text, im Film erscheint eine Kachel mit dem ersten Punkt ihres Zeichens. In Entwerfen ist die Karte eine Kachel auf dem Grund, die leeren Zellen stehen dezent darauf (user, 05.11.2026: „doof ist bei camea, dass bei entwerfen kein unterschied zu erkkenn ist“). Das Specimen bleibt ohne Kacheln. - **Abstände** (user, 05.11.2026: „cameo: spacing. können wir das von einem parameter der schrift ableiten? ist bisher etwas zu eng“): Der Innenabstand einer Kachel ist der Rand der Schrift plus eine halbe Zelle, auf allen vier Seiten gleich. Der Zeilenabstand regelt die Lücke zwischen den Kachelzeilen, ein Viertel seines Werts. - **Matrix 0.4.60: Probe Inktraps; Engine Matrix 0.4.27** (user, 05.11.2026: „bei verbinden. wären inktraps machbar? in den ecken?“ – „Ja, als Probe bauen“; „auch in videos und ticker dabei?“) - Unter Verbinden steht der Regler Inktraps (0–100 %, Start 0). Er setzt eine Kerbe in jede Innenecke der Balken, gerade (L, T) und über Eck (die Spitze eines A). - Gilt in Entwerfen, Setzen, Ticker, Film mit allen Szenen, MP4, PNG, SVG und PDF. Die Kerbe ist in der jeweiligen Grundfarbe gemalt, im SVG also nicht durchsichtig. Noch nicht im Font. - **Neues Tool Layout 0.1.3 (THA, vorläufiger Titel, Ordner `bandflaeche`); Brand Engine THA Surface 0.1.2** (user, 05.11.2026: „neues tool THA brand … es geht um eine aufteilung der layoutfläche mit einem großen auschnitt des bandes. im hintergrund kann optional ein forto mit farb tint sein. das band soll aber zur fläche werden. vorder- hintergund soll auswählbar sein, auch kombinationen rot/weiss“, mit Skizze; „Bandfläche: besser Layout als vorläufiger Titel. ich sehe aber nur dreicke. kommt noch nicht an die skizze ran. bogen wichtiger als ecke. nur band wird nicht benötigt. bitte default foro mit farbpverlay einbauen“) - **Band:** vier Formen (Bogen, Mulde, Welle, Stufe) und Rundung von Ecke bis zum weitesten Bogen, an beiden Kanten rund. Die Höhe steht im Dock und geht von der kurzen Seite aus, damit Hochformate nicht zu steil werden (user, 05.11.2026: „mich stört das die höhe/amplitude nicht steuerbar ist. wirkt teilweise viel zu steil, bei hochformaten wie toblerone“). Fläche unten oder oben. Das Band läuft über die Ränder des Formats hinaus. - **Farbe:** die vier Paarungen der THA, damit sind Vorne und Hinten gewählt, auch Rot/Weiß und Weiß/Rot. Start: Weiß vor dem Foto. - **Foto:** Beim Start liegt ein Beispielfoto unter rotem Tint. Ein eigenes lässt sich wählen oder auf die Seite ziehen; es liegt hinten oder im Band, in Grau unter einem Tint (Rot oder Schwarz) mit Stärke, oder ohne Tint im Bildstil der THA, dem Fotofilter der Engine Overlay (user, 05.11.2026: „tint ist gut, aber ohne tint bitte auch das farboverlay nehmen“). - **Lage** (Inspektor): Drehung, Waagrecht, Senkrecht. Ziehen auf der Bühne verschiebt das Band. - **Speichern:** PNG, mit Beschnitt und Schnittmarken. - Noch nicht gebaut: die Marken in den Ecken aus der Skizze (Zeichen, Text). Das Foto wird nicht mit dem Zustand gespeichert. - **Matrix 0.4.58: Specimen neu gestaltet; Engine Matrix 0.4.25** (user, 05.11.2026: „specimen: sieht bisher nicht überzeigend aus. bitte daran orientieren und auf unsere gesaltung übertrgaen“ – GT Standard Manual, LL Catalogue) - Von den beiden Vorlagen übernommen: DIN A4 quer, Kopfzeile mit Name, Abschnitt, Seitenzahl und kräftiger Linie, kleine Beschriftungen über dünnen Linien, die Schrift so groß wie das Blatt. Auf unsere Gestaltung übertragen: nur Schwarz und Weiß, Deckblatt und letzte Seite weiß auf schwarz. - Aus Dinamos Diatype-Mono-Specimen (user, 05.11.2026: „noch ein beispiel“) kommen die zentrierte Zeichenübersicht und die Pfeile zwischen Standard und Alternative. - Die Seiten: 1. **Deckblatt:** der Name so groß, wie er passt. 2. **Aufbau:** Angaben über Linien, zwei Zeichen groß in ihrem Raster mit leeren Zellen und einem Lineal aus Zellen. 3. **Übersicht:** alle Zeichen zentriert und so groß wie möglich. 4. **Zeichensatz:** Großbuchstaben, Kleinbuchstaben, Ziffern und Satzzeichen, alle gleich groß und so groß wie möglich. 5. **Alternativen** (wenn es welche gibt): eine Tabelle mit den Spalten Standard → ss01 → ss02 … 6. **Wörter:** Wörter aus dem Text über die ganze Breite, mit Größe in pt. 7. **Größen:** der Text in fünf Blöcken von groß nach klein, mit Größe in pt. 8. **Schluss:** der Text so groß wie möglich, weiß auf schwarz. - **Testschrift Helvetica** von Hand neu gezeichnet (user, 05.11.2026: „die helveica ist gruselig“): ein Punkt starke Striche und saubere Diagonalen statt der gerasterten Treppen. - **Engine Matrix 0.4.25:** `layout()` gibt `wide` und `tall` zurück, `inst.svg` zeichnet mit `state.cells` die leeren Zellen. - **Getestet:** Mit der Testschrift Helvetica und drei Alternativen entsteht das PDF über Speichern › Specimen › PDF, ohne Fehler in der Konsole. Die Seiten sind angesehen. - **Matrix 0.4.57: Verbinden nur beim Kreis, auch in Bewegung; Engine Matrix 0.4.24** (user, 04.11.2026: „linien verbinden klappt nicht bei bewegt (ticker und film). lonien verbinden nur bei rund“ – „nur kreis“) - **Verbinden in Bewegung:** Ticker, Film (Punkt für Punkt, Zufall, Welle, Varianten) und die Szenen zeichnen die Balken jetzt mit. - Ein Balken verbindet zwei Punkte, sobald beide zu sehen sind, und ist an jedem Ende so groß wie sein Punkt gerade ist. - Im Ticker verbinden sich die vollen Punkte der Anzeige. - Neue Engine-Funktion `drawShown`, gemeinsam für Film, Szenen und große Buchstaben. - **Nur der Kreis verbindet:** Beim Quadrat gibt es den Schalter nicht mehr, und die Geometrie der Quadrat-Balken ist entfernt. Schriften, bei denen das Quadrat verbunden war, zeigen dort wieder einzelne Punkte. - **Testschriften:** Fünf Testschriften als JSON in `docs/beispiele/schriften/`, gerastert aus den Systemschriften Helvetica, Futura, Courier, Times und Gill Sans (user, 04.11.2026: „erstelle 5 testfonts (JSON) anhand bekannter schriften. helvetica usw“). - Raster 7 × 9, 63 Zeichen. - Jede Schrift mit einer anderen Form: | Schrift | Form | |---|---| | Helvetica | Kreis verbunden | | Futura | Sechseck | | Courier | Quadrat | | Times | Raute, weiß auf schwarz | | Gill Sans | Linie | - **Getestet:** - Ticker, Film „Punkt für Punkt“ und die Szene „Lettern“ mit verbundenem Kreis. - Die Testschrift Helvetica über „Schrift laden (JSON)“. - Alle fünf im Alphabet. - **Matrix 0.4.56: Modulation als Kugel und Halbkugel; Engine Matrix 0.4.23** (user, 04.11.2026: „könnte man bei modulation auch eine sphere (oder halbkugel machen)?“) - Zwei neue Formen der Modulation: - **Kugel:** In der Mitte des Zeichens sind die Punkte voll, zum Rand hin werden sie kleiner, wie eine Kugel, die sich wegdreht. - **Halbkugel:** Eine Kuppel auf der Grundlinie, voll unten in der Mitte, oben klein. - Animiert rollen beide einmal hin und zurück durch das Zeichen. Der Zauberstab schlägt sie mit vor. - Formeln können jetzt auch `sqrt` und `pow` verwenden. - **Getestet:** Kugel und Halbkugel im Modus Entwerfen. Die Formel gilt als lesbar. - **Matrix 0.4.55: Specimen als PDF; Engine Export 0.5.12** (user, 04.11.2026: „Feature-Idee: Ausgabe eines Specimen als DIN-A PDF mit Deckblatt und Schriftproben …“ – „Ja, Specimen-PDF“) - Speichern › Specimen › PDF legt `…_specimen.pdf` an: DIN A4 hoch, Vektor. Die Schrift steht in Schwarz auf weißem Papier, die Beschriftung in Helvetica. Jede Seite trägt unten den Namen und ihre Nummer. 1. **Deckblatt:** „Specimen“, der Schriftname groß in der Schrift selbst, darunter Schrift, Designer:in, Zeichen (mit Zahl der Alternativen), Raster, Form, Datum. 2. **Alphabet:** wie Setzen › Alphabet. 3. **Schriftproben:** der Text aus Setzen in drei Größen (Groß, Mittel, Klein), umbrochen nach Wörtern. 4. **Alternativen** (nur wenn es welche gibt): je Zeile ein Zeichen, erst der Favorit, dann ss01, ss02 …, zehn Zeilen je Seite. - **Engine Export 0.5.12 (pdf.js):** `EXPORT_PDF.pages([svg, …], { w, h, title })` bzw. `EXPORT_ENGINE.pdfPages` schreibt mehrere SVGs als Seiten eines PDF. `` wird gelesen, als Helvetica oder Helvetica-Bold (WinAnsi, linksbündig, nicht eingebettet, in PDF/X-3 ausgelassen). Die Ausgabe der Datei (`writeFile`) und die Ressourcen (`Writer.res`) teilen sich `fromSVG` und `pages`. Für die Tools mit PDF ändert sich nichts. - **Getestet:** Das Testalphabet der Brand (53 Zeichen, 4 Alternativen) ergibt 4 Seiten, 100 KB, nichts ausgelassen. Chromes PDF-Viewer zeigt alle vier Seiten mit Helvetica und den Punkten als Vektor. `fromSVG` gibt weiter eine Seite (QR-Tool). - **Matrix 0.4.54: Varianten als OpenType-Alternates; Engine Export 0.5.11** (user, 04.11.2026: „Was auch schön wäre, wenn die Alternativen (aka „Varianten“) OpenType-Alternates der Schrift würden“ – „OpenType-Alternates“) - Die Schrift (OTF, TTF, WOFF, WOFF2) enthält jetzt jede gezeichnete Variante, die nicht der Favorit ist, als Alternative ihres Zeichens. In einem Layoutprogramm lässt sie sich wählen: - über das Glyphen- bzw. Alternativen-Menü (`aalt`) und die Stilvarianten (`salt`), - als Stilsatz: `ss01` nimmt jeweils die erste andere Variante, `ss02` die zweite und so weiter, bis `ss20`. - Die Alternativen heißen wie ihr Zeichen mit `.ss01`, `.ss02` (z. B. `uni0041.ss01`). - Speichern › Schrift nennt die Zahl der Alternativen, ebenso die Meldung nach dem Speichern. - **Engine Export 0.5.11 (font.js):** Eine Glyphe darf `alts: [{ advance, contours }]` haben. Die Alternativen kommen ohne Zeichencode nach den Glyphen. Die Tabelle `GSUB` enthält eine AlternateSubst für `aalt` und `salt` und je eine SingleSubst für `ss01` bis `ss20`, für die Schriften DFLT und latn. Ohne `alts` bleibt die Schrift wie bisher. - **Getestet:** Testschrift mit A und zwei breiteren bzw. schmaleren Alternativen. OTF, TTF und WOFF2 laden in Chrome (OTS prüft GSUB). „AB“ misst ohne Feature 120 px, mit `ss01` 150, mit `ss02` 90, mit `salt` 150 – die Alternativen werden eingesetzt. In Matrix ein A mit zwei Varianten: Der Export bekommt den Favoriten mit 1 Kontur und eine Alternative mit 2, der Hinweis lautet „1 Zeichen · 1 Alternative“. - **Matrix 0.4.53: Ausrichtung untereinander** (user, 04.11.2026: „das wird zu eng“; „braucht es die überschrift senkrecht?“) - Nebeneinander waren die sieben Knöpfe zu eng. Jetzt steht unter „Ausrichtung“ die Reihe Links, Mitte, Rechts, Blocksatz. Darunter folgt in eigener Zeile und ohne Namen die Reihe Oben, Mitte, Unten, deren Symbole für sich sprechen. Beide nutzen die volle Breite. Die Probe `ausrichtung` entfällt, beide Zeilen sind die Segmentreihe der Library. - **Getestet:** Setzen › Text zeigt beide Zeilen, 8 px vom Namen zur ersten Reihe, 22 px zur zweiten. ui-kpi im Dock: Nähe 0,36, keine Ziele unter 24 px. Wie Schriftgröße und Zeilenabstand sind sie nur in Setzen › Text sichtbar. - **Matrix 0.4.52: Speichern aufgeräumt, Ausrichtung in Setzen, Neigung ohne „gerade“; Engine Matrix 0.4.22** - **Speichern** (user, 04.11.2026: „Der Speichern-Dialog ist zu unübersichtlich inzwischen. Schrift und Json in einer „Pill“ versteht niemand“): - Bild: PNG oder SVG. - Schrift: nur „OTF · TTF · WOFF · WOFF2“. - Zum Weiterarbeiten: JSON, mit dem Hinweis, wo es sich öffnen lässt. - Video erscheint nur, wenn sich etwas bewegt (Bewegen oder animierte Modulation), statt als graue Zeile mit langem Hinweis. - **Ausrichtung** (user: „Setzen: Ausrichtungsoptionen ergänzen“): In Setzen › Text stehen in einer Zeile waagrecht Links, Mitte, Rechts, Blocksatz und senkrecht Oben, Mitte, Unten, als Symbole wie in Custom Type. Die Ausrichtung gilt im Rand des Formats. Blocksatz verteilt den übrigen Raum auf die Wortabstände, die letzte Zeile bleibt links. Vorgabe ist beides Mitte. Bei einer Zeile ändert sich nichts, mehrere Zeilen stehen jetzt mittig statt links im mittigen Block. Die Ausrichtung wird mit der Schrift gespeichert. Probe `ausrichtung`. - **Neigung** (user: „hier einfach nur neigung, gerade nicht mehr sinnvoll“): Bei 0 steht „0“ statt „gerade“. - **Engine Matrix 0.4.22:** `align` (links, mitte, rechts, block) und `valign` (oben, mitte, unten) in `layout()`. Ungültige Werte gelten als Mitte. - **Getestet:** Speichern zeigt die drei Gruppen Bild, Schrift und Zum Weiterarbeiten. „AB CD EF / AB“ rechts und unten: Die zweite Zeile steht rechts, der Block unten. ui-kpi im Dock: Nähe 0,22, keine Ziele unter 24 px. - **Matrix 0.4.51: chronodraw ruhiger – Nachleuchten, Strich bleibt, Start mit Puffer; Engine Matrix 0.4.21** (user, 03.11.2026: „das blitzt alles nur, muss subtiler auf das zeichnen der punkte reagieren“; „ich habe das gefühl es geht erst, nachdem ich auf puffer gewechselt habe. aber alles blitzt unkontrolliert“; „punkte setzen ist ok. sobald ich zeichne (also über mehrere punkte fahre) geht etwas verloren“; „speicher kann bei chrono entfallen“) - **Nachleuchten** (0–8 Frames, Vorgabe 4): Nach seinem Frame bleibt ein Punkt noch einige Frames stehen und wird dabei immer blasser, in festen Tönen zum Grund hin. Er blitzt nicht mehr nur einen Frame lang auf. Das gilt auf der Karte, in der Miniatur und in Setzen. - **Strich:** Solange der Stift unten ist, schreibt er den ganzen bisherigen Strich in jeden Frame, der vorbeikommt. Beim Zeichnen bleibt der Strich stehen und wächst. In der Schleife baut er sich danach so auf, wie er gezeichnet wurde. Vorher lag jedes Stück nur in seinem Frame, und der Rest schien verloren. - **Start mit Puffer:** Bei „Varianten“ hat ein neues Zeichen nur einen Frame, und nichts läuft. Der Modus beginnt darum mit „Puffer“. - **Kein Speichern** im Chrono-Modus. - **Engine Matrix 0.4.21:** `state.trail` – frühere Frames als Schichten `{ glyphs, ink }`, zwischen den leeren Zellen und der Tinte gezeichnet. - **Getestet:** Ein Strich über sieben Zellen, langsam gezogen: Beim Zeichnen stehen alle sieben. In der Schleife wächst er von zwei auf sieben, davor leuchten die früheren Frames nach. Speichern ist ausgeblendet, keine Fehler in der Konsole. - **Matrix 0.4.50: Probe chronodraw** (user, 03.11.2026: „ich möchte einen neuen experimentellen modus. soll nur über url erreichbar sein“ – nach ertdfgcvb's chronodraw – „das möchte ich auf das zeichnen übertragen. alles bewegt, alles im loop. modus bewegen kann entfallen“; „ich würde gerne unterschiedliche chronodraw methoden wechseln und damit experimentieren“; Pinsel „Nur im laufenden Frame“; Bewegen „Nur im Chrono-Modus“) - Nur über die Adresse erreichbar: `tools/matrix/index.html?brand=playground&modus=chronodraw`. Ohne den Zusatz bleibt Matrix, wie es ist. - Eine Schleife aus Frames läuft immer, in Entwerfen und Setzen. „Bewegen“ entfällt in diesem Modus. Ein Punkt landet in dem Frame, der gerade läuft. Hält man den Stift, schreibt er in jeden Frame weiter, der vorbeikommt. Wer zieht, zeichnet eine Bewegung. - **Methoden** (Abschnitt Chrono im Dock): - **Varianten:** Die Varianten eines Zeichens sind seine Frames. „Neuer Frame“ unter der Karte kopiert den laufenden. - **Puffer:** Eine feste Zahl Frames (4–48), zuerst leer. - **Echo:** Wie Puffer, ein Punkt bleibt 2–12 Frames stehen (Nachhall). - Dazu Tempo 2–24 Frames/s. - In jeder Methode sind die Frames die Varianten, so lassen sich Schleifen als JSON speichern und laden. Puffer legt fehlende Frames an und nimmt nie welche weg. - Entwerfen zeigt eine Karte je Zeichen mit dem laufenden Frame („A · 3/12“), die Miniatur läuft mit. In Setzen spielt jeder Buchstabe seine Frames. Die leeren Zellen stehen dort immer oder nie, wie „Leere Zellen“ sagt. - Noch nicht: MP4 einer Schleife, Zwiebelschale, zeitversetzte Buchstaben. - **Getestet:** Puffer, Stift eine halbe Sekunde gehalten, dann gezogen: Die Frames zeigen den Punkt nacheinander. Echo in Setzen zeigt den Punkt einige Frames lang. Ohne `modus=chronodraw` sind Bewegen und Favoriten-Sterne da, Chrono nicht. Keine Fehler in der Konsole. - **Hochladen: nur was sich geändert hat** (user, 03.11.2026: Transmit „Mit dem Änderungsdatum best., ob eine Datei geändert wurde“ – „einstellungen richtig?“ – „Ja, so ändern“) - `scripts/build-site.sh` gab mit `git archive` allen Dateien das Datum des letzten Commits. Transmit vergleicht nach Änderungsdatum und lud darum bei jedem Upload alle 452 Dateien. Das war langsam und brach öfter mit „Cocoa-Fehler -1“ ab. - Jetzt trägt jede Datei das Datum ihres eigenen letzten Commits, in Ortszeit. Was der Bau selbst schreibt (`index.html`, die `.htaccess` von Playground), trägt das Datum des Skripts. Ein Upload schickt nur noch, was seit dem letzten Mal neu ist. Die Einstellungen in Transmit bleiben, wie sie sind. - **Getestet:** Bau in 1,8 s, 58 verschiedene Daten statt einem, 39 Dateien von heute. Upload ohne Fehler, Matrix 0.4.49 online. - **Matrix 0.4.49: Rundung bei Polygon und Stern; Engine Matrix 0.4.20** (user, 03.11.2026: „rundung auch bei polygon und bei stern möglich?“) - Der Regler Rundung gilt jetzt auch für Polygon und Stern, beim Stern auch für die inneren Ecken. Jede Ecke wird eine Kurve von einem Punkt auf der Kante davor zu einem auf der Kante danach. Bei 50 % reicht die Kurve bis zur Mitte der kürzeren Kante. - Die Kurve ist quadratisch, die Ecke ist ihr Kontrollpunkt. So ist sie auf der Fläche, im SVG (`` mit `Q`) und in der Schrift dieselbe, auch als Kontur. - **Engine Matrix 0.4.20:** `rounded()`, `polySteps()`, `M.ROUNDED` (welche Formen Rundung haben, für das Tool). - **Getestet:** Stern, Polygon 6, Dreieck und Stern als Kontur mit Rundung 30 %. SVG als Pfad mit Kurven, OTF und TTF laden in Chrome, der Regler erscheint beim Stern. - **Matrix 0.4.48: Verbinden mit Modulation ohne Treppe; Engine Matrix 0.4.19** (user, 03.11.2026: „bei modulation: erscheint bei durchgezogen als treppe. kriegt man das nahtlos hin? als blob/umfliessend?“) - Eine Brücke war so dick wie der kleinere ihrer zwei Punkte. Mit Modulation sind die Punkte verschieden groß, so entstand an jedem Punkt eine Stufe. Jetzt beginnt jedes Ende der Brücke so groß wie sein eigener Punkt. - Beim Kreis liegt das Band zwischen den äußeren Tangenten der zwei Kreise. Der Strich fließt nahtlos von einer Größe in die nächste, auch mit gedehnter Zelle. Beim Quadrat verjüngt sich der Balken gerade von Kante zu Kante, über Eck ebenso. - Ohne Modulation ändert sich nichts. - **Getestet:** Ein A aus Kreisen und eines aus Quadraten mit Modulation 80 % (waagrecht), verbunden mit Diagonal: Die Striche laufen ohne Stufe. OTF und TTF laden in Chrome. - **Matrix 0.4.47: Quadrate diagonal als volle Schräge; Engine Matrix 0.4.18** (user, 03.11.2026: „hier funktioniert das nicht so richtig“ – Quadrate, Luft 0, Diagonal) - Über Eck verband ein Balken zwei Quadrate, der nur so breit war wie ihre Seite. Er war dünner als die Quadrate und hinterließ Kerben. Jetzt ist das Band so breit wie die Diagonale des Quadrats und läuft von den beiden quer liegenden Ecken des einen zu denen des anderen. Die Treppe wird zur gleichmäßigen Schräge, auch mit Schräge und gedehnter Zelle. Beim Kreis bleibt es die Kapsel. - **Getestet:** Eine Treppe aus Quadraten, Luft 0, verbunden mit Diagonal: Die schrägen Stellen sind so breit wie die Quadrate. Mit Schräge 15° laden OTF und TTF in Chrome. - **Matrix 0.4.46: Verbinden schaltet Diagonal mit an** (user, 03.11.2026: „ah, das ist ein extra schalter“ – „ja, automatisch an“) - Wird Verbinden eingeschaltet, geht Diagonal mit an. Der Schalter Diagonal bleibt und lässt sich für sich ausschalten. - **Getestet:** Verbinden an → Diagonal an, Diagonal aus → Verbinden bleibt an. Keine Fehler in der Konsole. - **Matrix 0.4.45: Diagonal verbinden, Farbe und Zeichen gleich breit; Engine Matrix 0.4.17** - **Diagonal** (user, 03.11.2026: „diagonal verbindung möglich?“): ein Schalter unter Verbinden, sichtbar wenn Verbinden an ist. Zwei gesetzte Punkte über Eck wachsen zusammen, wenn keine der beiden Zellen dazwischen gesetzt ist. Ist eine gesetzt, ist die Ecke schon zu, und eine Brücke würde sie nur abschrägen. Das gilt auf der Fläche, im SVG und in der Schrift. - Die Brücken nehmen die Ausdehnung des Punkts in ihrer Richtung. Schräg ragte eine Brücke vorher über den Kreis hinaus, waagrecht und senkrecht ändert sich nichts. - **Farbe und Zeichen** (user: „farbe und zeichen jeweils 50% breite“ – „also gleich breit“): Die Probe `zwei-spalten` teilt die Reihe in zwei gleich breite Spalten. - **Engine Matrix 0.4.17:** `joinDiag` am Punkt (ein Projekt von vorher: aus). - **Getestet:** Ein Muster mit zwei Diagonalen, Kreis, Verbinden und Diagonal: Kapseln ohne Überstand. OTF und TTF mit 23 Konturen von Chrome geladen. Farbe und Zeichen je 114 px breit. - **Matrix 0.4.44: Abschnitt Schrift ohne Kennwerte** (user, 03.11.2026: „brauche ich diese infos wirklich doppelt? ich würde oben weglassen“) - Inspektor › Schrift zeigt nur noch Schriftname, Designer:in und „Schrift laden (JSON)“. Die Zeilen Zeichen, Varianten und Raster entfallen. Was entworfen ist, steht unter Werte. - **Getestet:** Abschnitt Schrift ohne Liste, keine Fehler in der Konsole. - **Matrix 0.4.43: Verbinden ohne Loch, Linienenden zuerst eckig; Engine Matrix 0.4.16** - **Verbinden** (user, 03.11.2026: „ich kann hier nicht 100% der grösse erreichen“): Wo vier gesetzte Punkte ein Quadrat bilden, blieb zwischen ihren Brücken ein Loch, so groß wie die Luft. Jetzt schließt sich auch die Mitte, ein 2 × 2-Block ist voll. - **Runde Enden** (user: „runde ecken: default aus“): Eine neue Schrift beginnt mit eckigen Linienenden, der Schalter steht zuerst auf aus. Eine Schrift von vor 0.4.40 behält beim Laden ihre runden Enden. - **Getestet:** Quadrat, Luft 15 %, 2 × 2 gesetzt und verbunden: Die Mitte ist Tinte, ohne Verbinden bleibt sie Grund. Der Schalter „Runde Enden“ steht nach dem Laden auf aus. - **Matrix 0.4.42: Verbinden und Schräge; Engine Matrix 0.4.15** (user, 03.11.2026: „könnte man eine neue form zu diesem ergebnis schaffen?“ – ein B aus Balken – „Ja, so bauen“; „bei rechtecken noch tilt einführen?“) - **Verbinden** (Schalter unter Form, bei Kreis und Quadrat als Fläche): Zwei gesetzte Punkte nebeneinander oder übereinander wachsen zu einem Balken zusammen, so dick wie der kleinere Punkt. Über Eck verbindet sich nichts, die Enden behalten die Form des Punkts. Ein Quadrat mit Rundung ergibt Balken mit runden Enden, ein Kreis Kapseln. - **Schräge** (Regler beim Quadrat, −45° bis 45° in Schritten von 5°): Das Quadrat wird ein Parallelogramm, oben nach rechts oder links. Es bleibt so breit wie das Quadrat, eine Reihe schließt bei Luft 0 lückenlos. Verbunden folgen die Balken den schrägen Seiten, senkrecht als Zickzack ohne Kerben. - Beides gilt beim Entwerfen, Setzen, im Alphabet, im SVG und in der Schrift. Im Ticker und im Trailer wird nicht verbunden. - **Engine Matrix 0.4.15:** `join`, `tilt` am Punkt (ein Projekt von vorher: aus, 0°). `bridges()` legt die Brücken zwischen Nachbarn, in der Schrift als eigene Konturen über den Punkten. - **Getestet:** Ein B wie im Bild (Quadrat, Rundung 25 %): Balken mit offenen Ecken, mit Schräge 25° schräge Balken. SVG mit `skewX(-25)` und Brücken als Polygone. OTF und TTF mit 22 Konturen von Chrome geladen (OTS). - **Matrix 0.4.41: Farbe und Zeichen nebeneinander, „Form“ statt „Punkt“** (user, 03.11.2026: „können wir hier platz gewinnen? z. b. zeichen/farbe zweispaltig? unter punkt ist viel los. bessere überschrift wäre form statt punkt.“) - Im Dock stehen Farbe und Zeichen in einer Reihe: Farbe so breit wie ihre Felder, Zeichen im Rest. Das ist die Probe `zwei-spalten`, noch kein Baustein. - Der Abschnitt „Punkt“ heißt „Form“. Die Formen stehen direkt unter der Überschrift, ohne eigene Zeile „Form“. In den Werten heißt es ebenfalls „Form: …“. - Zwischen den Reglern der Form stehen 16 px statt 8 px. Vorher war der Abstand vom Regler zur nächsten Zeile so groß wie der vom Namen zum Regler (Nähe 1). - **Getestet:** ui-kpi im Dock (Kreis und Stern, hell und dunkel): Nähe 0,5, keine Ziele unter 24 px, Kontrast ≥ 12,3. Mit dem Stern passt der Dock bei 1280 × 800 ohne Bildlauf. - **Matrix 0.4.40: Polygon, Stern, Linienenden, „Schrift“ statt „Projekt“; Engine Matrix 0.4.14; Core 0.7.15 und Library 0.11.2: Varianten verschiebbar, Werte nur mit dem Wert** - **Polygon und Stern** (user, 03.11.2026: „stern mit count/ratio (wie figma)“; „dreieck wird polygon: auch mit count (wie figma)“): Das Dreieck heißt Polygon und hat 3 bis 12 Ecken (Vorgabe 3, das Dreieck wie bisher). Neu ist der Stern mit 3 bis 12 Zacken und Verhältnis 10 bis 100 % (innerer zu äußerem Radius, Vorgabe 5 und 38 %). Beide füllen ihre Zelle wie das Dreieck, sodass Luft 0 keine Lücke lässt. Sie lassen sich drehen, als Kontur zeichnen und dehnen und gelten auf der Fläche, im SVG (Gehrung wie auf der Bühne) und in der Schrift (Kontur mit Gehrung um jede Kante). Varianten schlagen sie mit vor. - **Linienenden** (user: „linien: option ecken rund/nicht rund sollte möglich sein“): Schalter „Runde Enden“ bei der Linie, zuerst an. Aus endet die Linie gerade an der Kante der Zelle. Gilt auf der Fläche, im SVG und in der Schrift. - **Schrift statt Projekt** (user: „das sollte man vielleicht auch schrift nennen, entsprechend schrift laden (Json) statt projekte“): Reiter und Abschnitt heißen „Schrift“, der Knopf „Schrift laden (JSON)“. Speichern › Schrift hat jetzt „OTF · TTF · WOFF · WOFF2“ und „JSON“. Auch die Meldungen sprechen von der Schrift. - **Miniatur** (user: „im darkmode ist der hintergrund der miniatur zu dunkel“): Ihr Grund ist der Grund der Seite, wie er gerade ist. Unter dunklem Inhalt ist das das hellere Grau, vorher war er dort fast schwarz. - **Werte:** Zeichen zählt die Zeichen, Alphabet die entworfenen, „Varianten im Text“ die gewählten. Die Form heißt mit ihrem Namen („Polygon“). - **Engine Matrix 0.4.14:** `sides`, `points`, `inner`, `flat` am Punkt und an der Variante (ein Projekt von vorher: Dreieck, runde Enden). Die Form `stern`, `poly()` legt Polygon und Stern in das Quadrat des Punkts. Das Offset der Kontur in der Schrift gilt für jedes Polygon. - **Core 0.7.15, Library 0.11.2** (user: „varianten fenster sollte man verschieben können“ – „sollte bei fokus vor panel springen dürfen“; „brauche ich wirklich überall pfeil usw? reicht nicht der aktuelle wert?“): - `initVariants`: Der Kopf des Dialogs verschiebt ihn. Er bleibt, wo er war, der Kopf bleibt im Fenster, und geöffnet oder berührt liegt er vor jedem Panel. - `initValues`: Es steht nur noch der Wert da, ohne „vorher →“. Eine Liste zeigt ihre Anzahl. `text(key, value)` lässt ein Tool einen Wert in Worte fassen. - Das gilt in allen Tools. Die Tools mit Varianten oder Werten stehen bis zum Abgleich auf „nicht abgeglichen“, Matrix ist abgeglichen. - **Getestet:** - Stern 5 / 38 %, Polygon 6, Linie mit eckigen Enden auf der Fläche und im SVG (`butt`). Stern als Kontur als Schrift-Umriss mit 18 Ringen. Die Regler erscheinen je Form. - Varianten-Fenster um −150 / +100 px gezogen und nach unten geklemmt. Nach 30 Klicks auf den Dock liegt es beim Öffnen darüber (z 37 gegen 36). - Werte: „1 Zeichen“, „0 entworfen“, „Versatz 0“. Miniatur bei „Weiß auf Schwarz“ im Grau der Seite. - **Matrix 0.4.39: Schriftname und Designer:in; Engine Export 0.5.10** (user, 03.11.2026: „umbenennen: Schriftname und Creator (bzw. was sind die offiziellen bezeichnungen, die auch in den fonts übernommen werden sollten?)“ – „Dann bitte Designer:in“) - Inspektor › Projekt: „Name“ heißt jetzt „Schriftname“. Das ist der Family Name der Schrift (name ID 1, Full Name 4, PostScript-Name 6) und steht wie bisher am Anfang jedes Dateinamens. Neu ist das Feld „Designer:in“, es wird im Projekt (JSON) gespeichert. - **Engine Export 0.5.10 (font.js):** `spec.designer` – steht in der Schrift im Feld Designer (name ID 9) und im Copyright „© Jahr Name“ (name ID 0). Ohne Angabe bleibt die Schrift wie bisher. Der PostScript- und der Full Name für CFF kommen jetzt aus eigenen Variablen, nicht mehr aus Positionen der Liste. - **Getestet:** OTF und TTF mit Designer:in von Chrome geladen (OTS). Die name-Tabelle enthält 0 „© 2026 Erika Muster“, 1 bis 6 wie bisher, 9 „Erika Muster“. Im Inspektor stehen „Schriftname“ und „Designer:in“. - **Matrix 0.4.38: Ecke der Vorschau als Winkel** (user, 03.11.2026: „vielleicht ist das symbol nicht ideal, evtl. nur eine ecke?“ – „so ähnlich? gedreht?“ mit einem Chevron) - Statt des Doppelpfeils zeigt die Ecke einen Winkel, einen zur Ecke gedrehten Chevron (↘), mit Schenkeln von 6 px und einer Linie von 1,5 px. Er liegt in der runden Ecke der Vorschau. Er erscheint beim Darüberfahren, die Trefferfläche bleibt 24 px. - **Getestet:** Beim Darüberfahren steht der Winkel in der Ecke, innerhalb der Rundung. - **Matrix 0.4.37: Pfeil der Vorschau-Ecke in Zugrichtung** (user, 03.11.2026: „pfeil müsste gedreht werden, damit er in die richtige richtung zeigt. evtl. icon (pfeil) auf 50% skalieren“) - Das Symbol der Ecke (Carbon Maximize) ist eine Vierteldrehung weiter gedreht und zeigt ↖ ↘, entlang des Ziehens. Es ist halb so groß (9 px). Die Trefferfläche bleibt 24 px. - **Getestet:** Beim Darüberfahren zeigt die Ecke der Vorschau den Doppelpfeil von links oben nach rechts unten. - **Matrix 0.4.36: Vorschau 1×, 2×, 3×** (user, 03.11.2026: „könnte man die miniatur auch grösser ziehen (z.b. in der ecke, wie ein fenster). zb. wechsel zwischen 1x (aktuelle grösse) und 2x“ – „vielleicht auch doppelklick“) - Die Vorschau (Miniatur) hat unten rechts eine Ecke, sichtbar beim Darüberfahren (Carbon Maximize, 24 px Trefferfläche). Ziehen vergrößert sie wie ein Fenster, sie rastet bei 1× (bisherige Größe), 2× und 3× ein. Ein Klick auf die Ecke oder ein Doppelklick auf die Vorschau wechselt zwischen 1× und 2× (von 3× zurück auf 1×). Wird sie größer, bleibt sie im Fenster. Die Größe bleibt im Browser gespeichert. - Probe `miniatur`, kein Baustein. - **Getestet:** Doppelklick 1× → 2× → 1×; Ecke gezogen → 3×; Klick auf die Ecke → 1×; Ecke mit der Maus gezogen. - **Matrix 0.4.35: Text im UI wieder kopierbar** (user, 03.11.2026: „man kann inzwischen im UI keine texte mehr kopieren. vermutlich wegen copy&paste buchstaben“) - In Entwerfen fing Cmd+C jedes Kopieren ab, um Varianten zu kopieren (seit 0.4.25) – auch markierten Text im Inspektor oder im Dock. Ist Text markiert, kopiert Cmd+C jetzt diesen Text; sonst die gewählten Varianten wie bisher. In Eingabefeldern war Kopieren nie betroffen. - **Getestet:** Text im Inspektor markiert, Cmd+C: nicht abgefangen; ohne Markierung: Varianten kopiert. In Setzen nicht abgefangen. - **Matrix 0.4.34: Formate der Schrift im Knopf** (user, 03.11.2026: „matrix: OTF, TTF etc. auch im button zeigen“) - Speichern › Schrift: Der Knopf heißt jetzt „OTF · TTF · WOFF · WOFF2“ statt „ZIP“; der Hinweis daneben nennt die Zahl der Zeichen und „als ZIP“. - **Getestet:** Speichern geöffnet: Knopf „OTF · TTF · WOFF · WOFF2“ passt in eine Zeile, gewählt zeigt er „… Zeichen · als ZIP“. - **Matrix 0.4.33: „Neues Zeichen“ nach A–Z und 0–9 weiter; Brand Library Playground 0.3.2** (user, 03.11.2026: „Habe jetzt 39 Zeichen entworfen – jetzt geht kein weiteres mehr“) - Der Knopf „Neues Zeichen“ schlug nur die Reihe des Alphabets vor (A–Z, 0–9, 36 Zeichen). Danach legte nur noch eine Taste ein Zeichen an, der Knopf meldete „Alle Zeichen der Reihe sind da“. Jetzt geht er weiter mit Ä Ö Ü ẞ und Satzzeichen: . , : ; ! ? - – ' " ( ) & + / @ # % * = < > _ (zusammen 63). Danach legt weiter jede Taste ihr Zeichen an. - **Brand Library Playground 0.3.2:** `matrix.more` – die Zeichen, die „Neues Zeichen“ nach der Reihe vorschlägt. In der Alphabet-Ansicht stehen sie wie bisher in der Zeile der übrigen. Kein Baustein ändert sich. - **Getestet:** „Neues Zeichen“ 80-mal geklickt: 63 Zeichen in dieser Folge, dann der Hinweis „Alle vorgeschlagenen Zeichen sind da – eine Taste legt jedes weitere an“. - **Matrix 0.4.32: Dreieck füllt die Zelle; Engine Matrix 0.4.13** (user, 03.11.2026: „Der Stege (Abstände)? Sollte man nicht ganz auf 0 gehen können?“) - Das Dreieck war nur 0,9 einer Zelle hoch – bei Luft 0 blieb zwischen den Reihen ein Steg. Jetzt füllt es seine Zelle wie das Quadrat: Spitze oben in der Mitte, Basis auf den unteren Ecken. Bei Luft 0 schließen die Reihen lückenlos, mit Versatz ½ greifen die Dreiecke ineinander. Gezeichnete Dreiecke werden dadurch etwas höher. - Gilt auf der Fläche, im SVG und in der Schrift (eine Geometrie, `tri3`). - **Getestet:** Dreieck in einer Zelle von 100: 0 bis 100 (SVG); Raster 5 × 7, Luft 0, Versatz ½, Zelle 2 : 1 gedehnt: Reihen ohne Steg. - **Matrix 0.4.31: Schrift als ZIP mit OTF, TTF, WOFF, WOFF2; Engine Export 0.5.9** (user, 03.11.2026: „export: font statt nur otf, zip mit otf, ttf, woff, woff2“) - Speichern › Schrift › ZIP legt eine Datei `…-schrift.zip` an: OTF und TTF zum Installieren, WOFF und WOFF2 für das Web – alle vier mit denselben Formen und Maßen. - **Engine Export 0.5.9 (font.js):** `EXPORT_FONT.woff(sfnt)` – jede Tabelle mit zlib gepackt (Kompression des Browsers), wo das kleiner ist; `EXPORT_FONT.woff2(sfnt)` – die Tabellen unverändert in einem Brotli-Strom aus ungepackten Blöcken. Der Browser hat keinen Brotli-Packer: die Datei ist gültig, aber so groß wie die OTF. `EXPORT_ENGINE.fontZip(spec, base)` – das ZIP der vier. WOFF und WOFF2 entstehen aus der OTF. - **Getestet:** Jede der vier Dateien im ZIP von Chrome als Schrift geladen (OTS prüft OTF, TTF, WOFF und WOFF2, WOFF2 mit Chromes Brotli-Entpacker); „AB“ in allen gleich breit. Matrix: Punkt gesetzt → Speichern › Schrift › ZIP → `…-schrift.zip`, Hinweis „OTF, TTF, WOFF, WOFF2“. - **Matrix 0.4.30: Dreieck mittig, Zelle in Stufen; Engine Matrix 0.4.12** (user, 03.11.2026: „punkt bei dreiecken nicht mittig. zelle einrasten, mit punktscala“) - **Dreieck:** Es reichte von −r (Spitze) bis 0,8 r (Basis), seine Mitte lag ein Zehntel des Punkts neben der Mitte der Zelle – gedreht oder gedehnt sichtbar daneben. Jetzt reicht es von −0,9 r bis 0,9 r, gleich hoch wie bisher, mittig. Gilt auf der Fläche, im SVG und im OTF (eine Geometrie, `tri3`). Gezeichnete Dreiecke rücken dadurch um ein Zwanzigstel ihrer Höhe zur Spitze hin. - **Zelle:** rastet in neun Stufen ein, mit Punktskala wie Spalten und Zeilen: 1 : 2,5 · 1 : 2 · 1 : 1,5 · 1 : 1,25 · **1 : 1** (Mitte) · 1,25 : 1 · 1,5 : 1 · 2 : 1 · 2,5 : 1. Ein Projekt mit einem Wert dazwischen behält ihn, bis der Regler bewegt wird. Die Raster-Varianten schlagen nur Stufen vor. - **Getestet:** Regler −4 … 4 zeigt die neun Stufen; Dreieck in einer Zelle von 100: 5 bis 95 (Fläche und SVG); Zelle 1,5 : 1 mit „Punkt dehnen“: Dreiecke gleichmäßig in ihren Zellen. - **Matrix 0.4.29: Punkt dehnen; Engine Matrix 0.4.11** (Feedback, 03.11.2026: „Proportionen der Zellen … Wäre aber super wenn Spalten und Zeilen auch einstellbar wären“; user: „Dadurch bekommt man auch andere Dreiecke, Rechtecke und Ellipsen … Default ist natürlich 100/100“ – „Punkt folgt der Zelle“) - Raster › „Punkt dehnen“, unter Zelle, zuerst aus. An, nimmt der Punkt die Proportion der Zelle an: Zelle 2 : 1 macht aus dem Kreis eine liegende Ellipse, aus dem Quadrat ein Rechteck, das Dreieck wird flacher; 1 : 2 stellt sie hoch. Bei 1 : 1 ändert sich nichts. Aus, bleibt der Punkt wie bisher rund oder quadratisch, nur die Abstände ändern sich. - Gedreht wird vor dem Dehnen; eine Kontur und eine Linie behalten ihre Strichstärke rundum. - **Engine Matrix 0.4.11:** `stretch` (Vorgabe aus der Brand Library, sonst aus). Gilt beim Entwerfen, Setzen, Ticker, Trailer, im SVG (Strich nicht gedehnt) und im OTF (Punkte gedehnt, eine Kontur mit ihr). - **Getestet:** Zelle 2 : 1 mit Kreis, Quadrat, Dreieck, Linie, Fläche und Kontur, und 1 : 2 hochgestellt; SVG mit `scale(2 1)` und nicht gedehntem Strich; OTF-Punkt 430 × 215 Einheiten (aus: 214 × 215). - **Core 0.7.14: Grund und Inspektor auf dem Handy; Matrix 0.4.28: mobil, Versatz ohne Achsenwechsel, Raster-Varianten ohne Überlappung** (user, 02.11.2026: „können wir die mobile darstellung(en) etwas optimieren?“) - **Core – Grund:** `setContentGround('light')` setzte `--color-surface-page` auf sich selbst. Das ist ein Zirkel, der Wert war ungültig: Seite und Inspektor waren durchsichtig, auf dem Handy schien der Dock durch das Inspektor-Sheet. Jetzt gilt bei hellem Motiv der Wert aus den Tokens. Gilt in allen Tools. - **Core – Inspektor auf dem Handy:** Beim Öffnen und Schließen schob `initInspector` den Dock neben den Inspektor (rechts 356 px, links auto) – auf dem Handy lief er damit aus dem Fenster oder wurde schmal. Bis 560 px Breite bleibt der Dock jetzt das Sheet am unteren Rand. Am Desktop unverändert. Kein Baustein ändert sich, die Library bleibt bei 0.11.1. - **Matrix mobil:** Die Bühne ist der Raum über dem Dock bzw. Inspektor und folgt ihm beim Ein- und Ausklappen. Sie nahm vorher die ganze Höhe und, bei offenem Inspektor, keine Breite. Die Miniatur entfällt auf dem Handy; sie lief vom oberen Rand bis zum Dock und deckte die Flächen ab. - **Versatz** (user: „hier gibt es beim sliden einen seltsamen wechsel zwischen spalten und zeilen“ – „passiert, wenn man slider schnell von rechts nach links bewegt“; „die buttons erscheinen erst, nachdem man schiebt“): Beim Durchgang durch 0 bleibt „Zeilen“ oder „Spalten“ erhalten (vorher fiel es auf „keiner“ und kam als Zeilen wieder). Die Knöpfe stehen immer da, auch bei 0. - **Raster-Varianten** (user: „zeilen/spalten varianten noch buggy“): Versatz in Spalten und Neigung zusammen legen Punkte aufeinander. Eine Variante hat jetzt das eine oder das andere. Von Hand bleibt beides kombinierbar. - **Getestet:** Handy 375 × 812: Inspektor deckend, Dock 12 / 351 px vor, mit und nach dem Inspektor; Setzen mit eingeklapptem Dock – die Fläche steht über ihm. Desktop 1280 × 800: Dock neben dem Inspektor (rechts 356 px), Miniatur da. Versatz in Spalten 40 → 0 → −50 → 0 → 30: bleibt Spalten. 24 übernommene Raster-Varianten: keine mit Spalten-Versatz und Neigung. - **Matrix 0.4.27: Versatz in beide Richtungen** (user, 02.11.2026: „Eigentlich müsste der Versatz in beide Richtungen gehen: Also + und – 0,5 Zeile. Somit am Anfang in der Mitte (also bei Null) stehen“) - Raster › Versatz reicht von −½ bis +½ Zelle und startet in der Mitte bei 0. Negativ rückt jede zweite Zeile nach links (bei Spalten nach oben), positiv nach rechts (nach unten). Die Bilder am Regler zeigen beide Enden. Die Engine konnte das schon, sie ändert sich nicht. - Die Raster-Varianten schlagen beide Richtungen vor; an den Kanten kehrt sich ein Versatz auch um. - **Getestet:** Regler −50 bis 50, Start 0 („0 Zellen“, „Versatz in“ ausgeblendet); −50 → „−½ Zelle“, die geraden Zeilen rücken nach links und bleiben in der Fläche. - **Matrix 0.4.26: Raster-Varianten mit leeren Zellen; Engine Matrix 0.4.10** (user, 02.11.2026: „raster varianten: einstellung leere zellen übernehmen“) - Die Varianten des Rasters zeigen die leeren Zellen jedes Zeichens, wie die Flächen beim Entwerfen. Sie folgen dem Schalter „Leere Zellen“ an der Bühne: an mit Zellen, aus ohne. - **Engine Matrix 0.4.10:** `state.cells` zeigt die leeren Zellen auch in gesetztem Text bei entworfenen Zeichen (sonst nur bei nicht entworfenen). - **Getestet:** A mit drei Punkten → Zauberstab bei Raster: neun Varianten mit grauen Zellen; Schalter aus → nur die Punkte. - **Matrix 0.4.25: Kopieren und Einfügen, Raster mit Varianten, Modulation animiert; Engine Matrix 0.4.9** - **Kopieren und Einfügen** (user, 02.11.2026: „matrix: copy & paste von buchstaben wäre gut, z.b . kontext menü“): Beim Entwerfen kopiert Cmd+C die Punkte der gewählten Varianten. Cmd+V setzt sie in die gewählten Varianten ein – eine kopierte in jede, mehrere der Reihe nach. Umschalt+Cmd+V legt sie als neue Varianten beim gewählten Zeichen an. Rechtsklick auf eine Variante öffnet dasselbe als Optionsleiste (Kopieren, Einfügen, Als Variante einfügen, Löschen; Block Marken auf der Bühne). Raster, Punkt und Favorit bleiben; Cmd+Z nimmt es zurück. Ein Rechtsklick setzt keinen Punkt mehr. - **Raster mit Varianten** (user: „bei raster: random durch varianten ersetzen“): Der Knopf bei Raster würfelt nicht mehr, er öffnet den Zauberstab wie bei Punkt und Modulation. In der Mitte steht das Raster jetzt, an den Kanten ist ein Wert geändert (Spalten, Zeilen, Zelle, Rand, Luft, Versatz oder Neigung), in den Ecken steht ein Raster des Zufalls. Jede Variante zeigt das gewählte Zeichen und die nächsten entworfenen als Wort. Sobald ein Zeichen entworfen ist, bleiben Spalten und Zeilen fest – sonst schnitte eine Variante die Zeichen ab (Design-Wächter; user: „ja“). - **Modulation animiert** (user: „bei modulation: wenn aktiv, optional animationsmodus mit modulation“): Bei Stärke über 0 gibt es unter Modulation den Schalter „Animiert“ (zuerst aus) und darunter „Schleife“ (1–12 s, Vorgabe 4 s). Die Modulation läuft dann über die Punkte, in jedem Modus. Bei Ticker und Trailer folgt sie der Abspielleiste. MP4 ist damit auch beim Entwerfen und Setzen möglich, als eine nahtlose Schleife. PNG und SVG speichern immer den Anfang der Schleife, jedes Mal gleich (user: „ja“). - **Engine Matrix 0.4.9:** Die Formel kennt `t`, die Zeit von 0 bis 1 in einer Schleife. Die fünf Formen laufen damit einmal rund. Bei t = 0 stehen sie wie bisher, eine eigene Formel ohne `t` steht still. - **Getestet:** A mit zwei Punkten → Rechtsklick › Kopieren → Taste B → Cmd+V (B gleich A) → Umschalt+Cmd+V (B · 2) → Cmd+Z (B · 2 weg). Die Raster-Varianten zeigen neun Raster. Animiert an: Die Fläche ändert sich beim Entwerfen und Setzen, aus steht sie. check-standard ok; UI-KPI Modulation: Nähe 0,36, Ziele ≥ 24 px, Kontrast 17. - **Core 0.7.13: Überschriften mit Knopf ohne Extra-Luft; Werte zeigen keine Playground-Brandtools** - **Abstand** (user, 01.11.2026: „der abstand modulation sieht aber falsch aus“): Eine Überschrift mit Symbol-Knopf (Raster, Modulation, Punkt …) war so hoch wie der Knopf (28 px) statt wie ihr Titel (17 px), der Titel saß mittig – gemessen 45,5 px Luft über „Modulation“ und 17,5 px darunter statt 40 und 12. Jetzt hängt der Knopf über und nimmt keinen Platz: 40 / 12 wie bei „Werte“, Knopf und Titel auf einer Mitte. Gilt in allen Tools. - **Brandtools** (user: „info: playground brandtools nicht relevant“): Ein Tool, das aus dem Playground geöffnet ist, nennt in Inspektor › Werte nur seine eigene Version. Bei einem Kunden bleibt die Zeile der Brandtools (gemessen: Logo mit HMI → „HMI Project Brandtools 0.1.0“). - **Logo 0.3.13: Der Film wechselt eine Stelle nach der anderen, auch am Ende** (Feedback, 02.11.2026: „Hier am Ende macht er jetzt 3 Transitions auf einmal (12 Sec) und hier animiert er nur den Mund und bei den Augen passiert gar nichts (8 Sec)“) - **Gemessen** (die beiden MP4, Bild für Bild): 12 s – Wechsel an linkem Auge, rechtem Auge, Mund, rechtem Auge, rechtem Auge, bei 11,5 s alle drei auf einmal; 8 s – alle vier Wechsel am Mund. **Ursache:** Der letzte Wechsel führte zurück zum ersten Bild und nahm dabei alle Änderungen des Films auf einmal zurück; welche Stelle wechselt, war reiner Zufall. - **Jetzt:** Der Film ist eine Schleife aus einzelnen Wechseln der Engine – neu an einer Stelle, eine frühere zurück oder eine Stelle noch einmal –, so dass nach dem vorletzten genau eine Änderung offen ist und der letzte Wechsel sie zurücknimmt. Nie dieselbe Stelle zweimal hintereinander, wo es geht; von den möglichen Filmen der, der die meisten Stellen bewegt. Takt, Zufall, Übergang wie bisher. - **Getestet** (HMI, Nur Gesichter, Takt 2 s, die Filmbilder beim Export abgefangen): 8 s, 12 s, 30 s, 60 s – jeder Wechsel eine Stelle, Ende = Anfang, 12 s alle drei Stellen, keine Stelle zweimal hintereinander (bei ungerader Zahl von Wechseln einmal unvermeidlich); ohne Nur Gesichter je Wechsel höchstens ein Paar (Verbinden/Teilen); HELIO 6, 8, 12 s schließt ebenso. Rechenzeit 50–115 ms. - **Matrix 0.4.24: Modulation mit dem Zauberstab statt Würfel** (user, 01.11.2026: „bei modulatin wäre zauberstab funktion besser also random“) - Der Knopf bei Modulation öffnet die Varianten wie beim Punkt (Block Varianten): in der Mitte die Modulation jetzt, an den Kanten eine Änderung eines Werts (Stärke, Form, Frequenz oder Zufall; ohne Modulation zuerst die Stärke), in den Ecken eine Modulation des Zufalls. Vorschau am gewählten Zeichen; Übernehmen, Verwerfen und Cmd+Z wie beim Punkt. - **Getestet:** A geladen, Modulation 0 % → Zauberstab, Ecke oben links übernommen → 30 %; Cmd+Z → 0 %. - **Matrix 0.4.23: Schalter Kleinbuchstaben, zuerst aus** (user, 01.11.2026: „ich hätte gerne einen toggle (Kleinbuchstaben), der erst aktiviert werden muss. oder toggle Großbuchstaben, der immer an ist. was ist besser?“ – „Kleinbuchstaben, aus“) - Raster › Kleinbuchstaben, unter der Unterlänge. **Aus** (Standard, auch für Projekte von vorher): Eine Taste und das Feld Zeichen geben den Großbuchstaben (g → G, ß → ẞ), der Text steht in Großbuchstaben, die Spalten der Kleinbuchstaben ruhen – ausgeblendet, im Projekt erhalten; im OTF stehen die Großbuchstaben auch für die kleinen. **An:** Groß und klein wie getippt (0.4.22). Der Schalter steht im Projekt; Cmd+Z nimmt ihn zurück. - **Getestet:** Projekt mit A, G und g: an → 3 Spalten, Taste g wählt g; aus → 2 Spalten, Taste g wählt G, Taste q legt Q an, Text „Ag ga“ setzt A G · G A (an: A g · g A); Cmd+Z nach dem Schalter → wieder aus; OTF aus: g hat die Form von G. - **Matrix 0.4.22: Unterlänge und Kleinbuchstaben; Engine Matrix 0.4.8; Playground-Library 0.3.1** (user, 01.11.2026: „ja, unterlänge + groß/klein loslegen“) - **Unterlänge:** Raster › Unterlänge, 0 bis 4 Zeilen unter der Grundlinie, für alle Zeichen gleich; Standard „keine“, Projekte von vorher bleiben so. Beim Entwerfen zeigt eine graue Linie die Grundlinie (Bühnen-Marke, nie im Export). Setzen, Ticker und Film nehmen die ganze Höhe, der Zeilenabstand zählt ab der Unterlänge. - **Groß und klein:** Zeichen und Text werden so genommen, wie sie getippt sind. Ein Kleinbuchstabe, der nicht entworfen ist, steht im Text als sein Großbuchstabe (und umgekehrt) – ein Alphabet nur aus Großbuchstaben setzt wie bisher. Die Kleinbuchstaben folgen in der Ordnung nach den Ziffern; im Alphabet stehen sie in eigenen Zeilen, sobald einer entworfen ist. - **OTF:** Die Versalhöhe sind die Zeilen über der Grundlinie, die Unterlänge des Fonts die Zeilen darunter plus Rand. Ein Klein- und ein Großbuchstabe, beide entworfen, sind zwei Zeichen; fehlt einer, steht der andere für ihn. - **Getestet:** Projekt mit A (über der Grundlinie) und g (2 Zeilen darunter), Unterlänge 2: Text „Ag ga“ setzt A A g · g A; OTF im Browser geladen – A sitzt auf der Grundlinie, g reicht 194 Einheiten darunter, Font 800 über / 300 unter der Grundlinie, Zeichen A, a, G, g belegt. Altes Projekt ohne Unterlänge geladen → „keine“, Raster 5 × 7. - **Matrix 0.4.21: Werte ohne doppeltes „Zeichen“** (user, 01.11.2026: „warum 2x werte?“) - Die Auswahl heißt in den Werten „Gewählt“, die Liste der Zeichen bleibt „Zeichen“. - „Zustand kopieren“ bleibt vorerst (user: „brauche ich zustand kopieren? ich denke nein, oder?“): Für Matrix ist es neben Projekt speichern/laden doppelt, die QS verlangt es aber als Standard in den Werten jedes Tools – offen, ob der Standard für Tools mit Projekt-Datei entfällt. - **Matrix 0.4.20: Zeichen-Feld nur bei einem Zeichen** (user, 01.11.2026: „problem: zeichenzuordnung (textfeld) bei multi-selektion“) - Sind Varianten mehrerer Zeichen gewählt (Umschalt-Klick, Cmd+A), blendet das Panel den Abschnitt „Zeichen“ aus – eine Zuordnung gehört immer zu einer Spalte. Varianten desselben Zeichens behalten das Feld. - **Getestet:** A und B gewählt → Abschnitt weg; Cmd+A → weg; Klick auf die Arbeitsfläche (ein Zeichen) → wieder da mit dem Zeichen. - **Matrix 0.4.19: ein Punkt für die ganze Schrift, die Varianten bleiben** (Feedback, 31.10.2026: „Parameter default bei einzelnen Buchstaben zu ändern widerspricht dem Prinzip der Aufgabe“ – user: „Global, Varianten bleiben“; ersetzt „nur pro variante“ vom 26.10.2026) - Der Abschnitt im Panel heißt „Punkt“: Form, Größe, Drehung, Rundung, Linienstärke und Kontur gelten für jedes Zeichen und jede Variante. Varianten unterscheiden sich nur noch darin, welche Punkte gesetzt sind. - Der Varianten-Dialog (Zauberstab) schlägt Punkte für die ganze Schrift vor; Übernehmen, Verwerfen und Cmd+Z wie bisher. - Projekte von vorher: Der Punkt der Schrift, mit dem sie gespeichert wurden, gilt; eigene Werte einzelner Varianten entfallen beim Laden. - **Getestet:** Projekt mit eigenem Dreieck in B geladen → die Varianten tragen nur noch Raster und Punkte (`c, r, on`), der Punkt der Schrift (Quadrat) gilt; Form Kreis → alle Zeichen, Cmd+Z → Quadrat; Varianten-Dialog: Kreis als Kontur übernommen → alle Zeichen und Varianten so, Kontur-Schalter an. - **Matrix 0.4.18: Projektname als Dateiname; Miniatur auf dem Grund der Arbeitsfläche** (Feedback, 31.10.2026, eingefügt vom user) - **Name** (Feedback: „Man muss dem Projekt einen Namen geben können, der dann möglichst bei dem Download auch schon Datei-Name ist“): Inspektor › Projekt › Name. Jede gespeicherte Datei beginnt nach der Zeit mit ihm – PNG, SVG, MP4, OTF, JSON (`20261031-210031_mein-alphabet-ue.otf`, `…_mein-alphabet-ue_a-1_schwarz-auf-weiss.png`); ohne Namen wie bisher `…_playground-matrix_…`. Die Schrift (OTF) heißt wie das Projekt, ohne Namen „Playground Matrix“. Der Name steht im Projekt (JSON) und kommt mit „Projekt laden“ zurück. - **Miniatur** (Feedback: „Miniatur ist super, glaube aber, dass sie gleiche BG-Farbe wie BG-Farbe der Arbeitsfläche braucht“): das Panel Vorschau hat den Grund der Arbeitsfläche (`--color-surface-room`, gemessen rgb(28, 28, 30) wie der Raum), ohne Milchglas; Rundung und Schatten bleiben, es bleibt verschiebbar. - **Matrix 0.4.17: Feld „Zeichen“ – eine Spalte einem anderen Zeichen geben** (user, 30.10.2026: „wie kann ich eigentlich die zeichenzuordnung ändern? z. b. wenn die fläche C zugeordnet ist, ich aber ein U möchte“ – „aber was wenn es mehre zeichen in einer spalte gibt?“ – „Immer die ganze Spalte“) - In Entwerfen über „Variante“: das Zeichen der gewählten Spalte. Ein anderes eintippen gibt ihm die ganze Spalte, alle Varianten und den Favoriten (Kleinbuchstaben werden groß, ß wird ẞ). Gibt es das Zeichen schon, tauschen beide ihre Spalten – nichts geht verloren, dasselbe noch einmal tauscht zurück. Cmd+Z nimmt es zurück. - Das Feld ist kein Zustand des Panels (ohne id, nicht in `initControlState`): sonst setzte Rückgängig den Wert und löste das Umstellen erneut aus. - **Speichern › PNG ohne Größe und Beschnitt** (user, 30.10.2026: „das kann hier entfallen, ebenso beschnitt“): immer 4K wie bisher vorgegeben, die Maße stehen am Label. - **Getestet** (36 Zeichen der Testdaten, U mit zwei Varianten): C → U tauscht beide Spalten vollständig, die Reihenfolge bleibt; U → ß (neu) macht die Spalte zu ẞ, ans Ende der Reihe; zweimal Rückgängig stellt C und U wieder her. - **Matrix 0.4.16: Schrift als OTF statt TTF; Engine Export 0.5.8 schreibt OpenType mit CFF** (user, 30.10.2026: „matrix: otf statt ttf export machbar?“ – „Ja, OTF statt TTF“) - **Engine Export** (`engines/export/font.js`, ohne Bibliothek): neu `EXPORT_FONT.otf` / `EXPORT_ENGINE.otf` – dieselbe Schrift mit einer CFF-Tabelle statt glyf und loca (`OTTO`, maxp 0.5, Glyphennamen `uniXXXX`). Jedes quadratische Kurvenstück wird die kubische Kurve derselben Form (Kontrollpunkte bei 2/3, 16.16 Festkomma); die Konturen sind umgedreht (CFF: außen gegen den Uhrzeigersinn). `ttf` bleibt in der Engine. Alle Seiten laden `export/engine.js?v=0.5.8`. - **Matrix:** Speichern → Schrift „OTF“, Datei `….otf`. - **Geprüft** (36 Zeichen der Testdaten, Kreis, Kreis Kontur, Quadrat gerundet und Kontur, Linie, Linie Kontur, Dreieck, Dreieck Kontur, Quadrat gedreht): fontTools liest die OTF, je Glyphe dieselbe Fläche wie die TTF (größte Abweichung 0,0001 %), dieselben Grenzen und Breiten; macOS (CoreText) lädt sie als „Playground Matrix“, 38 Glyphen; im Browser gesetzt kein Pixel um mehr als ein Viertel anders (1 629 von 72 495 Kantenpixeln minimal). Die OTF ist 57 KB, die TTF 29 KB (Festkommazahlen). - **Image Gradient 0.2.12: Stapel speichert jedes Bild in seinem Format und seiner Größe** (user, 30.10.2026: „image gradient: bei bilder laden (stapel): wird das import-format des bildes verwendet, oder die einstellung im panel“ – „Ja, Bildformat“) - **Vorher:** Jedes Bild wurde auf die Bühne gelegt – Seitenverhältnis aus Format im Panel, das Bild füllend beschnitten; die Pixelgröße war die der Bühne auf dem Bildschirm (abhängig vom Fenster). Vom Bild kam nur der Dateityp. - **Jetzt:** Jedes Bild bekommt eine eigene Fläche in seinem Seitenverhältnis und seinen Pixeln; das Bild ist ganz, nichts beschnitten. Die Felder liegen an ihrer Stelle (relativ zur Fläche), Mischmodus, Deckkraft und Körnung wie eingestellt. Dateityp wie bisher (JPG, WebP, sonst PNG). Nur über das, was ein Canvas im Browser fasst (16384 px je Seite), wird verkleinert, ganz. - **Deckkraft zeigt ihren Wert** (user, 30.10.2026: „bei deckkraft auch den wert darstellen“): rechts im Label in Prozent, wie bei den anderen Reglern mit Wert. - **Logo 0.3.12: kein Loop-Schalter mehr, das Video hält den Takt** (user, 30.10.2026: „das video hält das timing nicht“ – „Schalter entfernen“) - **Ursache:** Loop speicherte den Film vor und zurück. Im zweiten Teil liefen die Wechsel rückwärts, begannen auf dem Takt statt dort zu enden, und am Wendepunkt lief ein Wechsel hin und sofort zurück. Gemessen an der Datei (6 s, Loop, 358 Bilder): Bewegung 1,6–2,0 · 3,6–4,0 · 5,6–6,5 · 8,0–8,4 · 10,0–10,4 s; im Tool nachgestellt genauso. - **Jetzt:** Der Film ist für sich schon ein nahtloser Loop (der letzte Wechsel führt zur ersten Anordnung, seit 28.10.2026), der Schalter entfällt. MP4 und PNG-Sequenz speichern nur noch vorwärts. - **Core 0.7.12: Dashboards warten auf Bilder nur, bis sie geladen sind, höchstens 1 s** (user, 30.10.2026: „das lädt ewig: …/brands/helio/index.html“ – „bzw erscheint sehr spät“ – „die ganze Seite“) - **Gemessen online (Chrome, dieses Netz):** HELIO blendet nach 0,7 s ein, mit 8/8 Bildern (zusammen 750 KB); spät nicht nachvollziehbar. - **Vermutete Ursache:** `picturesIn` wartete mit `img.decode()` – das kann je nach Browser bei SVG oder nicht gezeigten Bildern (die Variante des anderen Modus) lange dauern, bis die Sicherung nach 3 s greift. - **Jetzt:** geladen genügt (`load`/`error`), und länger als 1 s wartet die Seite nicht auf Bilder (`PICTURES_MAX`). - **Gemessen lokal:** HELIO 82 ms (8/8 Bilder), HMI 163 ms (15/15), THA 88 ms (6/6), Designcampus 75 ms (1/1), Playground 121 ms; die Engine-Kacheln weiter vor dem Einblenden. - **Core 0.7.11: Varianten mit den Pfeiltasten, Neu mischen wechselt alle** (user, 30.10.2026: „links rechts wechsel nicht bei variante“) - Im Varianten-Dialog (Block Varianten, initVariants) bewegen ← → ↑ ↓ den Fokus im Raster 3 × 3, am Rand bleibt er stehen; Enter oder Leertaste wählt. Vorher hörte der Dialog nur auf Esc, Tab, Enter und Leertaste. Gilt in allen Tools mit Varianten. - Gemessen (Matrix): Fokus 4 → 5 → 5 (Rand) → 8 → 7 → 4 → 1 → 0 → 0 (Rand); gewählt, dann wieder in der Mitte. - **Neu mischen wechselt alle acht** („die varianten links und rechts wechseln nicht bei shuffle“): Die Kanten des Kreuzes werden neue Abwandlungen der Mitte, die Ecken neue Vorschläge; keine der eben gezeigten kommt wieder. Ursache: Der Fix der Duplikate (Core 0.7.10) hatte die alte Regel „Kanten bleiben“ wirksam gemacht, die vorher still nicht griff. Gemessen (Matrix): 30 Mal gemischt, jedes der acht Felder 30 Mal neu, 0 doppelte. - **Matrix 0.4.15, Engine Matrix 0.4.7: der Ticker folgt dem Raster** (user, 30.10.2026: „ticker reagiert nicht auf anpassungen neigungen usw“) - **Ursache:** Die Anzeige des Tickers nahm nur Spalten, Zeilen, Zelle, Rand und Luft; Versatz, Neigung und Modulation fehlten. - **Jetzt:** Versatz verschiebt jede zweite Zeile (oder Spalte) der Anzeige, Neigung jede Zeile wie in einem Zeichen; links füllen weitere Spalten den frei werdenden Raum. Die Modulation lässt die Punkte eines Buchstabens dort wachsen und schrumpfen, wo sie im Buchstaben liegen, und wandert mit ihm. Das gilt auch für die Ticker-Szene im Trailer. - **Gemessen:** Das Bild des Tickers ändert sich gegenüber dem Grundzustand bei Neigung, Versatz Zeilen, Versatz Spalten, Modulation, Luft und Zelle. - **Matrix 0.4.14, Core 0.7.10: Miniatur, Varianten ohne Duplikate, Projekt laden (JSON)** (user, 30.10.2026) - **Miniatur (Probe):** ein eigenes Panel „Vorschau“, oben links, am Kopf verschiebbar (Block Panel, initPanel, Lage gemerkt), ohne Schließen und ohne Einklappen (Core initPanel: `minBtn: false` – kein Knopf, kein Doppelklick; „einklappen entfällt“). Darin die gewählte Variante im Format ihrer Karte beim Entwerfen, mit dem Rahmen der Bühne, ohne leere Zellen, 28 px Versalhöhe; sie folgt der Wahl, bei Mehrfachauswahl stehen die Karten nebeneinander in der Reihenfolge der Wahl („miniatur oben links ist ok“; „nein, mit rahmung wie zuvor mit fenster. buchstaben im gleichen format wie bei bearbeitung lassen. und wir machen doch panel zum verschieben, kann aber nicht geschlossen werden“; „vorschau muss mit fokus wechseln. was ist bei mehrfachauswahl?“). Die Rundung ist die der großen Karte, mit ihr verkleinert (`--radius-field` × Maßstab; „rundung buchstaben muss den grossen buchstaben entsprechen“). Gemessen: 1 Karte, nach Shift-Klick 2; gezogen von (28, 28) nach (228, 128); Rundung zu Breite groß 10/252 = 0,0397, klein 1,11/28 = 0,0397; Doppelklick auf den Kopf klappt nicht ein. Radius 18 px (Feld 10 + Rand 8) wie die kleine Fläche der Bühnen-Optionen statt 28 („kleines fenster müsste kleineren radius haben (styleguide)“); ohne Titel, die ganze Fläche ist der Griff, ringsum 16 px („text vorschau weglassen?“ – „Ja, weglassen“). Gemessen: 16 px oben, links, rechts, unten; gezogen um 100 × 50 px. - **Varianten ohne Duplikate (Core, initVariants):** Eine Variante, die einer schon gezeigten gleicht, wird neu gemacht; `opts.key` sagt, was eine Variante ausmacht („varianten: duplikate vermeiden“). Matrix vergleicht den Punkt, wie man ihn sieht (Kreis ohne Drehung, Rundung nur beim Quadrat, Linienstärke nur bei Kontur oder Linie). Gemessen: 60 Durchgänge, 0 doppelte Bilder (vorher 11 in 45). Dabei behoben: Neu mischen behielt die Kanten des Kreuzes nicht (die Liste wurde vor dem Merken geleert). - **Projekt laden (JSON)** statt „Projekt öffnen“, auch im Hinweis beim Speichern und in der Meldung („bei projekt öffnen in klammern JSON dazunehmen“ – „besser projekt laden“). - **Panel transparent:** geprüft, unverändert („die transparenz aber erhalten, ist gut“). In allen 20 Tools gleich: 72 % Fläche, Weichzeichner 28 px; kein Vorfahr mit Deckkraft oder Filter. Wie transparent es wirkt, hängt vom Grund dahinter ab: über einer weißen Karte hell, über dem dunklen Raum fast deckend. Die Pattern Library zeigt dieselbe Klasse `.dock`. Das Panel quer im Motion Composer hat keinen Weichzeichner (`.dock.quer`); die Bühne weicht ihm aus, dahinter liegt nur der Raum. - **Matrix 0.4.13: Auswahl lösen mit Klick ins Leere, Löschen mit ⌫** (user, 30.10.2026: „wenn man alle varianten auswählt, fällt es schwer die auswahl zu lösen. klick in leere fläche?“; „wie lösche ich eigentlich einen buchstaben?“ – „Ja, beheben“) - **Klick in die leere Bühne:** löst eine Auswahl mehrerer Varianten, wie Esc; die zuletzt gewählte bleibt. Gemessen: nach Cmd+A 5 gewählt, nach dem Klick 1. - **⌫ löscht:** Die Löschtaste der Mac-Tastatur sendet `Backspace`, das Tool hörte nur auf `Delete` (Entf). Jetzt löschen beide die gewählten Varianten; in Textfeldern bleibt ⌫ beim Text. Gemessen: 4 Karten → ⌫ → 3 → Cmd+Z → 4. - **Matrix 0.4.12, Engine Matrix 0.4.6: ruhige Ansicht, Abstand trotz Neigung, leere Zellen hinten** (user, 30.10.2026, mit zwei Screenshots: überlappende Quadrate und Dreiecke, das leere über dem vollen) - **Entwerfen, Ansicht:** Die Zellgröße hängt nur noch von der Höhe ab, nicht mehr von der Zahl der Zeichen („ansicht nicht verkleinern, wenn neue buchstaben dazukommen“). Gemessen: 36 px vor und nach 20 neuen Zeichen, vorher sank sie bis 14 px. Alles einpassen (⇧1) passt weiter alle ein. - **Default-Text:** „DESIGN IS THINKING MADE VISUAL.“ („default text: DESIGN IS THINKING MADE VISUAL.“). - **Setzen und Bewegen, Abstand:** Ein Zeichen rückt nur um Raster und Rand vor; Neigung und Versatz ragen in den Raum des nächsten („neigung und versatz müssen ausgeglichen werden, da zeichenabstand sonst viel zu gross“). Gemessen: 2 freie Zellen zwischen zwei Zeichen, gerade, mit Neigung 100 % und mit Versatz 50 %; vorher kam die Neigung dazu (bei 7 Zeilen und 100 % 6 Zellen). Das gilt auch für die Wörter im Trailer. - **Linienstärke:** mindestens 8 % des Punkts, in der Engine, am Regler und beim Würfeln; kleinere Werte alter Projekte werden 8 % („linienstärke begrenzen, darf nicht zu dünn werden“). - **Leere Zellen immer hinten:** erst alle leeren Zellen, dann die Tinte, auf der Karte, beim Setzen und im Ticker („leere zellen müssen immer hinten liegen“). Gemessen: Wo ein leeres Quadrat ein volles überlappt, ist das Pixel Tinte. - **Core 0.7.9, Keyvisual animiert 0.3.13: Engine-Kacheln sind beim Einblenden schon da** (user, 30.10.2026: „bitte nochmal alle dashboards prüfen … THA, designcampus blitzen noch“) - **Ursache, online gemessen:** Die Seite blendete ein, dann tauschten drei Live-Kacheln ihr Standbild aus: - THA, Keyvisual animiert: 37 ms nach dem Einblenden, gegen ein zu 100 % transparentes Bild (die Schleife beginnt leer). - Designcampus, Lattice Keyvisual und Lattice Keyvisual Motion: 90–100 ms danach, gegen ein anderes Bild (Abweichung 86 von 255). - **Behoben:** - `toolTileLive`: Die Seite wartet (`holdPage`) auf das erste Bild jeder Engine-Kachel, bei Fehlern nicht. Der Film des Motion Composers bleibt beim Standbild, weil er Sekunden lädt. - Keyvisual animiert startet in der Kachel bei 4 s (`live.start`). Bei 0 s ist das Bild leer, ab 2 s ist es voll. - **Geprüft lokal:** Auf allen fünf Brand-Dashboards (THA, Designcampus, HMI, HELIO, Playground) entsteht jedes Engine-Canvas vor dem Einblenden; danach wird nichts mehr ausgetauscht. Die Übersicht `dashboard/` hat keine Kacheln. `check-standard.py` ok. - **Ausliefern: Playground als Alias, ohne Zip, Hochladen per Automator** (user, 30.10.2026: „es ist etwas unpraktisch, dass playground immer doppelt ausgeliefert werden muss. eigentlich will ich ja nur ein alias“ – „Ja, umstellen“; „das zip bei designtools kann übrigens immer entfallen“; „ich hatte eigentlich nach automator, nicht nach apple script gefragt“; „in diesen beiden ordnern darfst du löschen“) - `scripts/build-site.sh` baut `dist/playground` nur noch als `.htaccess`: `/playground/` leitet auf `brands/playground/index.html`, alles andere liefert Apache intern aus `/designtools/`, die Adresse bleibt. Kein `designtools.zip` mehr. - `scripts/Hochladen.workflow`: zwei Transmit-Aktionen „Synchronisieren“ mit den Favoriten demo.danielrothaug.com/designtools und /playground, Richtung Hochladen, verwaiste Objekte am Ziel werden gelöscht. - **Geprüft online:** `/playground/` → 302 auf `/playground/brands/playground/index.html`; `core/ui.js`, `brands/playground/index.html` und `tools/case-film/preview-helio.jpg` unter `/playground/` byte-gleich mit `dist/designtools`; im Server-Ordner `playground/` liegt nur die `.htaccess`. - **Core 0.7.8, Motion Composer 0.5.16: Die Film-Kachel übernimmt nahtlos vom Standbild** (user, 30.10.2026: „das blitzen ist nach wie vor im dashboard nicht gelöst“ – „ab standbild“) - **Ursache, online gemessen:** Das HELIO-Dashboard selbst blendet sauber ein. Nach etwa 4,1 s ersetzte der Film der Motion-Composer-Kachel aber sein Standbild (mittlere Helligkeit 218) und begann schwarz (Helligkeit 0). Bei HMI, THA und Designcampus ebenso: Die Standbilder stammten aus keinem Bild des heutigen Films (HELIO bestenfalls 89 von 255 Abweichung). - **Behoben:** - `tool.json` „live“.start nennt je Marke die Stelle im Film, an der die Kachel startet: HELIO 54 s, HMI 36,6 s, THA 46 s, Designcampus 2 s (jeweils die Stelle, die dem bisherigen Standbild am nächsten kam). `toolTileLive` spielt von dort weiter. - Die vier Standbilder sind genau diese Filmbilder, aus dem Film gerendert (1280 × 720). - `tileFilm` übernimmt erst, wenn die Bilder des Films decodiert und die Teile seiner Grafiken (SVG) gelesen sind (höchstens 5 s). Vorher fehlten sie im ersten Bild. - **Geprüft:** Erstes Filmbild gegen Standbild in voller Auflösung, Abweichung von 255: HELIO 0,8, THA 0,6, Designcampus 2,6, HMI 1,7 (auf seinem Dashboard). Der Film zeichnet bei gleicher Zeit immer dasselbe Bild (0). - **Logo 0.3.11, Core 0.7.8: Farbfelder zeigen Grund und Figur der Ausgabe, auch bei HELIO mit Karte** (user, 30.10.2026: „vorder- und hintergrund ist beim farbwähler falsch zugeordnet. vermutlich überall..“ – „hintergrundfarbe = aussen/ring, vordergrund = innen“) - **Block Farbfelder ist richtig:** `pairSwatch(fg, bg)` zeichnet den Punkt in `fg` und den Ring in `bg`. Alle Tools übergeben Figur und Grund in dieser Reihenfolge. - **Ursache, nur Logo × HELIO:** Mit Karte kippt HELIO Shuffle die Seite (`pageBg()`, Brand Library `card.inverted`). Der Swatch „Schwarz auf Weiß“ zeigte weiterhin einen weißen Ring, die Bühne war aber schwarz. - **Behoben im Core:** `groundSwatches(row, brand, turned)` setzt die Swatches einer Farbe-Reihe. `startOnBrandTheme` nutzt die Funktion. Das Logo-Tool ruft sie bei jedem Umschalten der Karte mit `card.inverted && Karte an` auf. Gekippt zeigt jeder Swatch das gekippte Paar und trägt den Namen des anderen. - **Geprüft:** Gemessen wurden Ring und Punkt gegen das Eckpixel und die Farben der Bühne, nach Klick auf jeden Swatch. - Vorher: 35 Kombinationen aus Logo, Icon/Letter Pattern, QR Code, Type Scale, Arrow Pattern, Texttafel und SVG-Animator mit HMI, HELIO, THA, DesignCampus und Playground. Nur Logo × HELIO war vertauscht. - Ebenfalls ok: Keyvisual, Keyvisual animiert, Lattice Keyvisual (+ Motion), Matrix, Face Pattern und Case Film HELIO. - Ok per Code: Custom Type (`rect fill=c.bg`, `g fill=c.fg`) und Case Film (Sequencer `colorsOf` = `{fg: ink, bg: bg}`). - Nachher: Logo × HELIO ok bei Karte an, aus und wieder an. Gegenprobe an 8 Tools ok. `check-standard.py` ok. - **Logo 0.3.10, HELIO Shuffle 0.2.5, Export 0.5.7: HELIO-Logo als Vektor ohne Rechteck, Buchstaben als echte Löcher** (user, 30.10.2026, über die Session HMI Case-Film Tool: „HELIO liefert eine falsche ausgabe“, mit einem Screenshot aus Illustrator: ein Rechteck in Größe der Zeichenfläche, die Karte ein leeres Quadrat) - **Welche Datei:** das PDF des Logo-Tools mit Karte. Das SVG hat denselben zweiten Fehler. - **Ursache 1, Rechteck:** Die Engine Export (`pdf.js`) schnitt jede PDF-Seite mit einem Pfad in Größe der Seite zu (`0 0 1600 900 re W n`). Illustrator zeigt diesen Zuschnitt als Rechteck-Objekt. - **Ursache 2, leere Karte:** Die Buchstaben waren nur in einer Maske ausgestanzt (SVG ``, PDF Soft Mask). Illustrator macht daraus eine Deckkraftmaske; die Karte erscheint als leeres Quadrat. - **Behoben in den Engines:** - `pdf.js` schneidet nur noch zu, wenn etwas über Seite und Beschnitt hinausragt. - HELIO Shuffle schreibt Karte und Buchstaben als einen Pfad: Die Buchstaben sind Löcher (gerade/ungerade-Füllregel, `evenodd`), ohne Maske. Das gilt auch für die SVGs im Stapel-ZIP. - Die Löcher sind deckungsgleich mit der bisherigen Maske: 0 abweichende Pixel in allen 24 Anordnungen, beide Farben. - **Prüfung erweitert:** `scripts/logo-vektor-messen.js` erkennt genau diesen Fall: - `pdfClip`: ein Zuschnitt in Größe der Seite im PDF. - `versteckt`: Das SVG sieht ohne seine Masken anders aus, also steckt Sichtbares nur in einer Maske. - `scripts/ausstanzen-messen.js` prüft jetzt auf ausgestanzte Pfade statt auf die Maske. - **Geprüft:** - Verstoß eingebaut (bisheriger Stand von `shuffle.js` und `pdf.js`): `pdfClip` in allen 8 HELIO-Fällen gemeldet, `versteckt` in allen 4 Fällen mit Karte. Danach zurückgenommen. - ok für Logo (HELIO, HMI), Face Pattern, Arrow Pattern, Icon Pattern (HMI, HELIO), QR Code und Matrix. `ausstanzen-messen.js` ok. - Keine Fehler in der Konsole. - **Core: Seiten erscheinen erst, wenn sie da sind** (user, 29.10.2026, online: „die einblendungen funktionieren nicht“ – „erscheint verschwindet blitzt“ – „betrifft alle dashboards und apps“): online zeigte sich die Seite nach ~1,3 s ohne Kacheln, die Kacheln kamen leer bei ~1,6 s, ihre Bilder bei ~1,8 s. Jetzt wartet das Einblenden auf Schrift, das Laden der Seite (Skripte, Stile, Bilder) und was eine Seite mit `holdPage(promise)` anmeldet; das Dashboard einer Brand meldet seine Kacheln samt dekodierten Bildern an (`picturesIn`). Höchstens 3 s (boot.js). Lokal gemessen: Brand-Dashboard blendet bei 138 ms mit 10 Kacheln und 17/17 Bildern ein, Logo erst mit 12/12 Bildern. Die Übersicht (dashboard/) wartet nicht – ihr Aufbau dauert über 2 s. - **Matrix 0.4.11: Trailer ohne Ton, immer 120 BPM** (user, 29.10.2026: „matrix ohne sound ausliefern, nur 120bpm“): der vorgeladene Ton des Case Film (Comp23), „Ton laden“, „Ohne Ton“ und der Regler Tempo sind weg; der Abschnitt Trailer fällt damit leer weg; MP4 immer ohne Ton; `tools/case-film/audio.js` und `comp23-lang.m4a` nicht mehr in `uses`. - **Core: Seiten blenden beim Laden ein statt aufzublitzen** (user, 28.10.2026: „die tools starten alle noch leer und blitzen auf“): `html.preload body` ist durchsichtig statt unsichtbar, beim Aufheben blendet der Körper mit `--motion-move` (260 ms) und `--motion-easing` ein. Online gemessen: Schrift und Seite sind nach rund 430 ms da, bis dahin bleibt der Raum in seiner Farbe. - **Core: Raum um die Bühne im Dunkeln dunkelgrau statt Schwarz** (user, 28.10.2026: „warum ist matrix app auf schwarz? der hintergrund ist immer dunkelgrau im darkmode“): Im Format Frei lag die Seite auf `--color-surface-raised` (dunkel: Schwarz). Neues Token `--color-surface-room` (hell Weiß wie bisher, dunkel Grau 11 wie `--color-surface-page`) für `html, body`. Betrifft jedes Tool im Format Frei, nicht nur Matrix. - **Matrix 0.4.10: startet bei jedem Öffnen leer** (user, 28.10.2026: „warum lädt die default schrift immernoch. soll leer starten“ – „Ja, immer leer“): Matrix nimmt beim Öffnen nichts mehr aus dem Browser-Speicher und löscht ein dort gespeichertes Projekt. Ein Projekt kommt nur noch als Datei (Inspektor › Werte › Projekt öffnen). Das einmalige Verwerfen eines unveränderten Testalphabets (0.4.8) fällt weg. - **Export 0.5.6: Arrow Pattern, Icon Pattern, QR Code und Matrix als SVG und PDF ohne Fläche dahinter – eine Regel in der Engine Export** (user, 28.10.2026, über die Session HMI Case-Film Tool: nach „bei HMI faces wird noch die hintergrundfläche ausgeliefert“ gewählt: „Arrow + Icon Pattern“, „QR Code“, „Matrix“) - **Gemeinsame Regel:** `EXPORT_ENGINE.vectorGround(farbe)` in der Engine Export sagt, welche Fläche eine Vektor-Datei (SVG, PDF) unter ihr Bild legt: keine. Die gewählten Tools und Engines fragen dort, wo ihr SVG entsteht. PNG, JPG und MP4 behalten ihren Grund. - **Angepasst:** - Arrow Pattern 0.4.9 und Icon Pattern 0.2.23 (HMI und HELIO), im `buildSVG` des Tools. - QR Code 0.2.15 (Engine QR Code 0.2.5) und Matrix 0.4.9 (Engine Matrix 0.4.5), in der Engine. - **Nicht gewählt, Fläche bleibt:** Typesetter, Type Scale, Gradient und THA Keyvisual. Sie fragen die Regel nicht; ihre Seiten haben nur die neue Version der Engine Export nachgezogen. - **Nicht angepasst:** Die Raster-Ersatzlösung von QR Code (nur ohne Starter, wenn ein Symbol nicht als Vektor lädt) zeichnet ihr Bild weiter mit Grund. - **Prüfung:** `scripts/logo-vektor-messen.js` gilt für jedes Tool mit SVG-Knopf, auch ohne Farbe; ohne PDF-Export prüft es nur das SVG; Masken im PDF zählen nicht als Fläche. Für Matrix (SVG nur im Speichern-Dialog) nimmt es die Engine: `run({ svg, leer: true })` – Matrix startet ohne gezeichnete Zeichen, ihr Test-SVG ist leer. - ok für Arrow Pattern, Icon Pattern (HMI, HELIO), QR Code und Matrix; Face Pattern und Logo (HMI, HELIO) weiter ok. - Verstoß eingebaut (`vectorGround` gibt die Farbe zurück): bei allen gemeldet, im SVG und, wo es eins gibt, im PDF. Danach zurückgenommen. - **Face Pattern 0.2.21, Rig 0.2.6: SVG und PDF ohne Fläche dahinter** (user, 28.10.2026, über die Session HMI Case-Film Tool: „bei HMI faces wird noch die hintergrundfläche ausgeliefert“; wie beim Logo: „Immer weglassen“) - **Ursache:** `buildSVG` in Face Pattern (`tools/hmi-faces/index.html`) legte ein Rechteck in Grundfarbe unter die Gesichter, mit Beschnitt auch über den Rand. Das PDF entsteht aus diesem SVG. Die Raster-Ersatzlösung zeichnete den Grund mit. - **Behoben in der Engine Rig, wie beim Logo:** - `exportGround()` gibt keine Fläche: Die Datei enthält nur die Gesichter. - `frame` kennt `vector`: Dann wird ohne Grund gezeichnet. Die Raster-Ersatzlösung nutzt das. - Im Tool sind nur die Aufrufe angepasst. PNG und MP4 bleiben, wie sie sind. - **Prüfung:** `scripts/logo-vektor-messen.js` gilt jetzt für jedes Tool mit Farbe (`#themeRow`) und SVG-Knopf, auch für Face Pattern. - ok in beiden Farben, SVG und PDF. - Verstoß eingebaut (Rig gibt wieder die Grundfarbe): gemeldet in beiden Farben, SVG und PDF. Danach zurückgenommen. - Keine Fehler in der Konsole. - **Noch mit Grundfläche im Vektor-Export, nicht geändert:** Arrow Pattern, Icon Pattern, Typesetter, Type Scale (Engine Typescale), QR Code (Engine QR Code), Matrix (Engine Matrix), Gradient (Engine BlobGradient), Keyvisual (THA). - **Matrix 0.4.8: ein im Browser gespeichertes, unverändertes Testalphabet wird einmal verworfen** (user, 28.10.2026: „bei matrix wird font nicht geladen“ – „testschrift wird geladen (JSON), soll aber nicht geladen“) - **Ursache:** Der Code startet seit 0.4.7 leer. Matrix stellt aber das im Browser gespeicherte Projekt wieder her (`dt-matrix-alphabet-playground`), und dort lag noch das Testalphabet vom früheren Start. - **Jetzt:** Ist das gespeicherte Projekt genau das Testalphabet der Playground Library, also jedes Zeichen wie `matrix.sample` und nichts von Hand gezeichnet, verwirft Matrix es einmal und startet leer. Eigene Zeichen bleiben. - **Geprüft im Browser:** Unverändertes Testalphabet im Speicher → 1 leeres Zeichen. Ein Zeichen geändert → alle 53 bleiben. check-standard ok. - **Core 0.7.7: die Seiten erscheinen als Ganzes, ohne Blitzen; Icon/Letter Pattern 0.2.22, Arrow Pattern 0.4.8** (user, 28.10.2026, über die Session HMI Case-Film Tool: „die tools/layouts blitzen beim laden. kann man das abschwächen?“; hier: „Ja, freigegeben“) - **Ursache, gemessen:** Ein Mess-Skript am Anfang des head zeichnete Modus-Wechsel, Übergänge (`transitionrun`) und den ersten Paint mit Zeitstempel auf. Gemessen in Icon Pattern, Logo, Keyvisual, Matrix, Motion Composer und Typesetter: - **Übergänge beim Laden (bestätigt):** - Mit Darstellung = System liefen 2–11 Übergänge (Farben, Schatten, Radien von Bühne, Dock, Buttons, Schaltern), die meisten schon vor dem ersten Paint. Sie liefen also sichtbar 120–260 ms in die erste Anzeige hinein. - Mit einer anderen Darstellung als im System waren es 6–26. - **Darstellung erst durch `ui.js` (bestätigt als Auslöser):** `initPrefs` setzte `data-theme` erst im Skript des Tools, bei 28–61 ms. Lokal war das noch vor dem ersten Paint, startete aber die Übergänge von den System- zu den gewählten Farben. Über das Netz kommt es nach dem ersten Paint. - **Format-Hinweis beim Laden (bestätigt):** Icon Pattern und Arrow Pattern zeigten nach 260 ms „1:1 · Mittel · 880 × 880 px“. Auslöser war das Neuzeichnen nach den Schriften aus 0.7.5 (`resize`). - **Größen erst später bekannt (bestätigt; user: „vermutlich weil die grössen erst später bekannt sind“):** Gemessen mit UI-Größe Groß und dem Performance-Eintrag `layout-shift`, ohne `boot.js`: - Das Dock sprang nach dem ersten Paint, weil UI-Größe und Panel-Zustände erst durch JS kamen: Icon Pattern 0,065, Logo 0,113, Keyvisual 0,115, Matrix 0,092. - In Matrix rutschte das Dock zusätzlich in vier Schritten von x 668 auf 644. - Mit `boot.js` gibt es keinen Sprung mehr. Die Lage von Dock, Inspektor, Bühne und Schrift bei der Anzeige ist gleich der Endlage. - **Schrift-Tor (nicht bestätigt):** `fonts-pending` endete lokal bei 25–56 ms, vor dem ersten Paint. - **Core:** - Neu: `core/boot.js`, das erste Skript jeder Seite (27 Seiten: Tools, Dashboards, Library). Es setzt Darstellung und UI-Größe vor dem ersten Paint und markiert `html.preload`, höchstens 3 s. - `core/ui.css` verbirgt die Seite und hält alle Übergänge an, solange `html.preload` gilt. - `core/ui.js` gibt die Seite frei, wenn die Schriften da sind und das Tool sein erstes Bild gezeichnet hat (zwei Frames nach dem Parsen). - Icon Pattern und Arrow Pattern zeigen den Format-Hinweis nur nach einem echten Ändern der Fenstergröße (`e.isTrusted`). - **Nachher, gleich gemessen:** - Darstellung im head bei 9–19 ms. - 0 Übergänge beim Laden in Icon Pattern, Logo, Keyvisual, Matrix, Typesetter und Arrow Pattern. Im Motion Composer bleibt einer: Er wechselt den Reiter erst 700 ms nach der Anzeige. - Kein Format-Hinweis mehr. - Die Seite erscheint als Ganzes bei 51–213 ms. - **Prüfung (`check_load`):** Sie meldet `boot.js` fehlt oder steht nach `ui.css`, keine Darstellung im head, Übergänge oder Seite nicht angehalten, keine Freigabe. Fünf eingebaute Verstöße im Speicher, alle fünf erkannt; echt: ok. check-standard ok. - **Matrix 0.4.7: startet leer, das Testalphabet kommt als Projekt-Datei** (user, 28.10.2026, über die Session HMI Case-Film Tool: „die default schrift kann entfallen, ich lade sie als json“ – „Als JSON-Datei ablegen“) - **Start und Zurücksetzen:** Ein erster Start ohne gespeichertes Projekt beginnt leer, ebenso Zurücksetzen. Bisher lud Matrix dann das Testalphabet. Die Playground Library behält `matrix.sample` unverändert, nur ihr Kommentar ist angepasst. - **Testalphabet als Datei:** `~/Downloads/playground-testalphabet.json`, nicht im Repo. Sie stammt aus der eigenen Funktion „Speichern › Projekt (JSON)“ von Matrix (`tool: matrix`, `version: 3`, 53 Zeichen) und ist byte-gleich (SHA-256). - **Geprüft im Browser:** - Frischer Start: leer (ein leeres Zeichen). - „Projekt öffnen“ mit der Datei: „Projekt geöffnet“, 53 Zeichen, alle gezeichnet, die Glyphen gleich der Datei. - Zurücksetzen: wieder leer. - check-standard ok. - **Core 0.7.6: Tippen auf der Bühne ohne Kürzel, Tippcursor bleibt am Ende; Matrix 0.4.6, Typesetter 0.2.19, Face Tracking 0.2.16** (user, 28.10.2026, über die Session HMI Case-Film Tool: „shortcuts: f wird beim tippen benörtigt (THA oder Matrix), öffent aber fullscreeen. tippcurser springt manchmal von lettzter position zur ersten“; hier: „Ja, freigegeben“) - **F öffnete Vollbild:** Der Vollbild-Handler im Core (`initStageFull`) ließ nur Formularfelder aus. Typesetter und Matrix schreiben aber ohne fokussiertes Feld auf die Bühne. Ein F löste deshalb Vollbild aus. - **Neu im Core: die Kennung „Bühne tippt“.** - Ein Tool meldet mit `stageTyping(fn)`, wann es auf der Bühne schreibt. - `typingKey(e)` prüft Formularfeld, contentEditable, `body.typing` und diese Meldungen. - Vollbild und Abspielleiste fragen `typingKey(e)` zuerst. Esc beendet das Vollbild weiter. - **Tools:** - Typesetter meldet „tippt immer“. - Matrix meldet „tippt in Entwerfen und Setzen – Text“. Der eigene F-Handler in Matrix ist gestrichen, er war nur eine Umgehung. - Face Tracking nutzt `typingKey(e)` für sein eigenes Vollbild. - **Tippcursor, Ursache im Code:** - Matrix speichert den Cursor nicht (`KEEP` ohne `caret`), er startete mit `caret: 0`. - Wer im Modus Setzen – Text neu lud und weitertippte, schrieb deshalb an die erste Stelle. Nur der Wechsel des Modus setzte den Cursor ans Ende. - Nachgestellt im Browser: Neu laden, X tippen, der Text begann mit „X…“. - **Behoben im Core:** `caretIn(c, text)` setzt einen nicht gesetzten Cursor ans Textende, nie an den Anfang. Matrix startet mit `caret: null` und liest den Cursor über `caretIn`. Typesetter nutzt dieselbe Regel beim Start. - **Geprüft im Browser:** - Matrix: Nach dem Neuladen landet F am Ende („…ELTF“), kein Vollbild. In Entwerfen kein Vollbild. Im Ticker öffnet F das Vollbild, Esc schließt es. - Typesetter: F geht ins Schreibfeld, kein Vollbild. - check-standard ok. - **Logo 0.3.9, HMI Dominoes 0.2.3, HELIO Shuffle 0.2.4: SVG und PDF des Logos ohne Fläche dahinter** (user, 28.10.2026, über die Session HMI Case-Film Tool: „beim Export der Logos als Vector erscheint im Hintergrund immer eine rechteckige Fläche. könnte man diese beim Export ausblenden?“ – Entscheidung: „Immer weglassen“) - **Ursache:** `buildSVG` im Logo-Tool legte ein Rechteck in Grundfarbe unter das Logo. - **HMI:** immer (`brandGround(...).bg`). - **HELIO:** ohne Karte, in Seitenfarbe (`exportGround` → `pageBg`). - Das PDF entsteht aus diesem SVG und hatte dieselbe Fläche. - Die Raster-Ersatzlösung im SVG (nur ohne Starter) nahm das Bild der Bühne mit ihrem Grund. - **Behoben in den Brand Engines:** - `exportGround()` gibt in HMI Dominoes und HELIO Shuffle keine Fläche mehr. Die Datei enthält nur das Logo. - Die HELIO-Karte ist Teil des Logos und bleibt, mit ausgestanzten Buchstaben. - `compositeFrame` kennt `state.vector`: Dann wird ohne Grund gezeichnet. Die Raster-Ersatzlösung nutzt das. - Im Tool sind nur die Aufrufe angepasst. PNG und MP4 bleiben, wie sie sind. - **Neu:** `scripts/logo-vektor-messen.js` (`await LOGO_VEKTOR.run()` im Logo-Tool mit `?brand=hmi` oder `?brand=helio`). - Es geht alle Fälle durch: jede Farbe, mit und ohne Schriftzug, bei HELIO mit und ohne Fläche. - Es drückt den SVG-Knopf des Tools und macht daraus das PDF wie der PDF-Knopf. - Es meldet ein Rechteck oder Bild so groß wie die Seite im SVG und ein gefülltes Rechteck so groß wie die Seite im PDF-Inhalt. - **Geprüft:** - ok für HMI (4 Fälle) und HELIO (8 Fälle). `ausstanzen-messen.js` weiter ok: Maske und Karte sind da, Soft Mask im PDF. - Verstoß eingebaut (alte Grundfarbe in beiden Engines): gemeldet für SVG und PDF, bei HMI in allen 4 Fällen, bei HELIO in den 4 Fällen ohne Karte. Danach zurückgenommen. - Keine Fehler in der Konsole. - **Core 0.7.5: keine Ersatzschrift beim Laden** (user, 28.10.2026, über die Session HMI Case-Film Tool: „bitte hier nicht mit Default-Schrift beim Laden“; hier: „Ja, freigegeben“) - **Ursache:** Inter in `core/ui.css` sowie DIN 2014 Rounded und TWK Everett in `brands/hmi|designcampus/brand.css` standen auf `font-display: swap`. Der Browser zeigte deshalb zuerst die Systemschrift. - **Core:** - Alle Schriften stehen jetzt auf `font-display: block`. - `core/ui.js` hat ein Schrift-Tor (`DT_FONTS`): Es lädt jede Schrift der Seite einmal. Bis dahin sind die Bühnen verborgen (`html.fonts-pending canvas`), danach zeichnet jedes Tool neu (`resize`). Das dauert höchstens 3 s. - Core ist 0.7.5, `brand.css` hat einen eigenen Cache-Schlüssel. - **Neue Prüfung (`check_fonts`):** Sie meldet `font-display` ungleich `block`, ein fehlendes Tor, eine Bühne, die vor dem Laden sichtbar ist, und ein Tool mit Marken-Schrift ohne Neuzeichnen. Fünf eingebaute Verstöße im Speicher, alle fünf erkannt; echt: ok. - **Geprüft im Browser:** In Matrix, QR, Fontscale, Texttafel, SVG-Animator, Gradient, Face Tracking, Motion Composer und Keyvisual sind alle Schriften geladen und das Tor ist offen. Keine Fehler. - **Brand Libraries in der Form der UI-Library: THA 0.3.0, HMI 0.4.0, HELIO 0.5.0, DesignCampus 0.3.0, Playground 0.3.0** (user, 28.10.2026, über die Session HMI Case-Film Tool: „die Brand Libraries sind noch nicht angepasst“ – „Ja, so umbauen“; hier: „Ja, freigegeben“ für check-standard.py) - **Tokens in drei Schichten je Marke** (`var TOKENS = { base, semantic, component }` in `library.js`): Basiswerte (Farben, Schrift, Maße, Tempo), Semantisch (Grund, Tinte, Druck, Akzent je Hell/Dunkel), Component (Paarungen, Abstände). Daraus lesen `ground`, `colors`, `cmyk`, `path`, `glyphs`, `grid`, `logo`, `fontscale` u. a. Farbwerte stehen nur noch in den Basiswerten. - **`DT_BRAND_DATA` unverändert:** Vorher/nachher im Browser verglichen, alle fünf Marken gleich. Einzige Ausnahme: THA schreibt Weiß jetzt `#FFFFFF` statt `#ffffff`. - **Bausteine wie in der UI-Library:** Komponenten, Patterns, Templates mit `tokens` und `variants`, bei HMI und HELIO auf Hell und Dunkel (`grounds`). Farbe, Schrift, Maß, Takt und Paarung sind keine Bausteine mehr, sondern Tokens. `meaning`, `rules` und die eigenen Regel-Listen sind gestrichen, das Vokabular bleibt. Alte UI-Namen sind weg (Farbfelder, Kacheln, Baustein Format, Atom „Takt und Rollen“). - **Library-Seite (`?marke=…`):** Die Stufe Tokens zeigt die drei Schichten mit „zeigt auf“ und Wert. Jeder Baustein zeigt seine Tokens und seine Varianten als Matrix. Die Selbstprüfung meldet fehlende Schichten, Regel-Listen, Text, Stufe Tokens, fehlende Varianten und unbekannte Tokens. Alle fünf Marken: ohne Befund. - **Core:** Bilder einer Marke (`.chips.bilder.marke img`) werden auf dunklem Grund hell gezeigt, wie `.icon-tile img`. Vorher waren schwarze Icons auf Dunkel unsichtbar. - **Prüfung (`check_brand_library`):** Neun eingebaute Verstöße in einer Kopie von THA im Speicher, alle neun erkannt: - Farbwert außerhalb der Basiswerte; - Text im Baustein; - eigene Regel-Liste; - Stufe Tokens; - Baustein ohne Varianten; - fehlende Schicht; - alter Name; - unbekannter Token; - Template ohne „Besteht aus“. Die echte Library: ok. - **Angeglichen:** `brandLibraries` in 12 Engines, 3 brand.json und 20 tool.json auf die neuen Versionen. Die Daten sind gleich geblieben. - **Geprüft:** check-standard ok. 15 Tools der Marken laden ohne Fehler und zeichnen. - **Sequencer 0.5.11: Blenden ohne Aufblitzen, Texttafel „Wort für Wort“ blendet jedes Wort ein** (user, 28.10.2026, über die Session HMI Case-Film Tool: „auch das Blenden war nicht weich, eher aufblitzend. auch bei Typo-Tafel“) - **Gemessen (Helligkeit Bild für Bild, 60 fps, über die Engine, jeder Wechsel als Blende):** - Die Blendkurve selbst ist stetig: `EASINGS.easeInOut` aus der Engine Motion, ein Schlag lang. - Am ersten Bild der Blende sprang das Bild trotzdem, in HELIO „Botschaft“ um bis 150 von 255 in einem Bild. Auch am Wechsel 6 (30) und 15 (51). - Texttafel „Wort für Wort“: Jedes Wort stand in einem Bild mit voller Deckkraft da (bis 31 je Bild). - Schrift: Die Brand-Schrift ist beim Laden der Seite schon da. Kein Bild mit Ersatzschrift gemessen. - Bilder: Bilder werden während der Blende nicht nachgeladen. Kein Bild fehlte. - **Ursache 1 – Blende (`renderFrame`):** Die abgehende Szene wurde über ihr Ende hinaus gezeichnet. Genau auf der Grenze nahm ihr Tool schon den nächsten Schritt: eine Gruppe das nächste Tool (Pfeile → Logo auf Weiß), ein Standbild das nächste Foto. Dieses neue Bild stand im ersten Bild der Blende voll da. - **Behoben:** Die abgehende Szene hält während Blenden, Wischen und Schieben ihr letztes Bild. - **Ursache 2 – Texttafel (`drawText`, Auftritt „Wort für Wort“):** Die Wörter wurden als Zeile gesetzt, je Schritt ein Wort mehr, ohne Übergang. - **Behoben:** Jedes Wort kommt an seiner Stelle in der Zeile mit der Beschleunigung des Films in `TAKT_ATTACK` (0,14 s). Schritte, Stand und Punkt-Puls bleiben gleich. - **Neu:** `scripts/blenden-messen.js` (`await BLENDEN.run('helio')` im Motion Composer). Es baut jede Vorlage einer Brand, setzt jeden Szenenwechsel als Blende und misst jede Texttafel „Wort für Wort“. Ein Sprung ist ein Schritt über 1 von 255, der mehr als dreimal so groß ist wie seine beiden Nachbarn. - **Geprüft:** - ok für alle Vorlagen von HELIO, HMI, THA und DesignCampus. - Verstoß 1 eingebaut (abgehende Szene läuft weiter): gemeldet, HELIO 150,7 und HMI 3,7 in einem Bild. - Verstoß 2 eingebaut (Wort sofort voll): gemeldet, je 16 Sprünge bei HELIO und HMI. - Beide Verstöße danach zurückgenommen. `scripts/aufbau-messen.js` weiter ok. - **Sequencer 0.5.10: Striche einer SVG wachsen im Aufbau um sich selbst, nicht um ihren Buchstaben** (user, 28.10.2026, über die Session HMI Case-Film Tool: „HELIO Motion Composer: Aufbau und Wischen ruckeln wieder“; dazu direkt: „case-film: bei aufbau wird ein SVG gezeichnet, das ruckelt“) - **Gemessen (HELIO · Botschaft, 60 fps, Bild für Bild über die Engine):** - Keine gleichen Bilder in Folge während einer Bewegung, keine Sprünge in der Zeit. - Beim Abspielen im Tool: Bildabstand 15,7–17,6 ms, jedes Bild in höchstens 7,4 ms gezeichnet. - „Wischen“ läuft gleichmäßig: Die Kante kommt schnell und läuft aus, wie angelegt. Daran ist nichts geändert. - **Ursache:** `svgParts`/`boxOnBoard` in `engines/sequencer/engine.js` nehmen die Box eines Teils aus `getBBox`. Das zählt mit, was ein clipPath wegschneidet. - Bei „hello-striche“ (HELIO) und „hi-striche“ (HMI) ist jeder Strich ein ganzer Buchstabe mit Clip. - Jeder Strich wuchs deshalb um die Mitte seines Buchstabens und rutschte beim Erscheinen seitlich weg. - Gemessen: der erste Strich des H wanderte in 0,1 s von 228 nach 189 px. - Abweichung der Mitte: HELIO bis 112 px, HMI „hi-striche“ bis 218 px, HMI „pfeilfeld“ 16 px. - **Behoben in der Engine:** Sobald das Bild eines Teils geladen ist, nimmt der Sequencer die Box aus dessen sichtbaren Pixeln (`inkBox`, bis 1024 px Breite). Bis dahin gilt die Geometrie. Das gilt für Clip, Maske und Kontur gleichermaßen. Am Tool ist nichts geändert. - **Neu:** `scripts/aufbau-messen.js` (`await AUFBAU.run()` im Motion Composer). Es prüft jede Grafik der Film-Pakete in beiden Farben, 36 Dateien: Die Mitte der Box jedes Teils muss höchstens 2 px von der Mitte seiner sichtbaren Pixel liegen. - **Geprüft:** - ok, größte Abweichung 1,4 px. Der erste Strich steht beim Wachsen still (Mitte 190 px). - Verstoß eingebaut (`inkBox` aus): Die Prüfung meldet die sechs betroffenen Dateien (16–218 px). Danach zurückgenommen. - Keine Fehler in der Konsole. - **Icon/Letter Pattern 0.2.21, Arrow Pattern 0.4.7, Face Pattern 0.2.20: Varianten mit Rasterstufe; Logo: Label „Anordnung“** (user, 28.10.2026, über die Session HMI Case-Film Tool: „Grid-Varianten: sollte hier nicht auch das Grid (Zeilen/Spalten) variieren?“ – gewählt: „Anordnung + Rasterstufe“; hier: „Ja, freigegeben“; „label: Anordnung statt Reihenfolge“) - **Core (`initGridFormat`):** Neu sind `density()`, `counts(stufe)` (Spalten und Zeilen im aktuellen Format), `setDensity(stufe)` und `vary()`. `vary()` liefert eine Stufe aus XS–L, bei Format Frei die aktuelle. - **Tools:** Eine Variante ist jetzt Anordnung (Startwert) und Rasterstufe. Die Bühne und die Vorschauen zeigen sie, ohne etwas zu setzen. Erst Übernehmen setzt beides, als ein Rückgängig-Schritt. Das Format bleibt fest. - **Geprüft im Browser:** - Icon Pattern (HMI): S 6×6 → XS 3×3, ein Cmd+Z → S 6×6, Seed 42. - Arrow Pattern: S 19×10 → XS 12×6, zurück. - Letter Pattern (HELIO): S → L 26×26, zurück. - Face Pattern: Seed übernommen und zurück; die gezogene Stufe war zufällig wieder S. - Keine Fehler in der Konsole. check-standard ok. - **Logo:** Das Label des Reglers heißt „Anordnung“ statt „Reihenfolge“. - **Logo 0.3.8: Reihenfolge als Regler mit Punkten** (user, 28.10.2026, über die Session HMI Case-Film Tool: „die Reihenfolge nur als Slider mit Punkten“) - Die 24 Kacheln (`#permTiles`, `initTiles`) sind aus dem Logo entfernt. Der vorhandene `#arrangementSeed` ist jetzt sichtbar, als Regler in der Variante Stufen (`.stufen`): 24 Stufen, jede als Punkt. - Die Variante gab es schon im Baustein Regler. Library und Core sind dafür nicht geändert. - Der Wert rechts heißt weiter „1 von 24“. Der Würfel öffnet weiter den Varianten-Bogen. - **Geprüft im Browser (HELIO):** Kein `#permTiles` im Markup, 24 Punkte auf der Spur. Regler auf 5 ergibt „6 von 24“. check-standard ok. - **Core 0.7.4, Library 0.11.1: Name und Wert stehen wieder links und rechts, eine Prüfung findet Bauteile außerhalb ihres Kontexts** (user, 28.10.2026, über die Session HMI Case-Film Tool: „HELIO Logo: das ist nicht aus den Patterns!!!!!!!!!!!!!!“) - **Ursache:** Seit 0.11.0 („Section und Form field getrennt“) stehen manche Labels in einer `.section` statt in einem `.field-row`. Ihr Layout hing aber an `.field-row .lbl`. Name und Wert klebten deshalb aneinander, z. B. „Reihenfolge1 von 24“. - **Betroffen (im Browser gemessen):** 13 Labels in 9 Tools – Logo (HMI und HELIO), Icon Pattern, Arrows, Face Pattern, Typesetter, Image Overlay, Gradient Blend, Face Tracking, Keyvisual (verborgen) – und das Library-Beispiel Seed field. - **Behoben an der Quelle (`core/ui.css`):** `.lbl` bringt sein Layout selbst mit, in jedem Eltern-Element. Danach zeigen alle 13 Labels Name links und Wert rechts. Dazu zwei Teile der Section, die an fremden Regeln hingen: `h2.sub` (vorher nur in `.insp-body`) und `h2.no-sec` (vorher eigene Regeln unter `.dock`). Beide sehen unverändert aus. - **Kacheln der 24 Reihenfolgen:** Sie haben ihr Layout nicht verloren, weil ihre Regeln an keinem Eltern-Element hängen. - **Neue Prüfung (`check-standard.py`: `context_rules`, `out_of_context`):** Sie meldet eine Klasse, die `ui.css` nur innerhalb einer Klasse ihres eigenen Patterns gestaltet, wenn sie in einem Tool oder einem Library-Beispiel außerhalb davon steht. Regeln fremder Patterns (`.seed-head .lbl`) zählen dabei nicht als Kontext. - **Verstoß eingebaut:** `.field-row .lbl` zurück in eine Kopie von `ui.css` im Speicher. Die Prüfung meldet dann 10 Stellen: 9 Tools und das Beispiel. Mit dem echten `ui.css` meldet sie nichts. - **Grenze:** 91 Kontext-Selektoren statt 94 (`scripts/ui-grenze.json`). check-standard ok. - **Nicht erfasst:** Markup, das erst JavaScript baut, prüft die neue Prüfung nicht. - **Farbfelder der THA-Tools geprüft: Name, Farbfeld und Bühne nach einer Logik** (user, 28.10.2026, über die Session HMI Case-Film Tool: „die Farblogik ist verdreht: Hinter- und Vordergrundfarbe“): - **Befund:** Im Code ist nichts vertauscht. Live Camera liest wie das Keyvisual aus `DT_BRAND_DATA.tha.path.colours`. Die Brand Engine THA Ribbon gibt dabei die Figur als `band` und den Grund als `bg` weiter. - **Live Camera:** - Das Farbfeld ist `pairSwatch(c.band, c.bg)`: Der Punkt zeigt die Figur, die Fläche den Grund. - Das Band trägt die Figur, die Schrift im Band trägt den Grund. - Das Foto ersetzt den Grund. Ohne Kamera erscheint er wieder. - **Beispiel „Weiß auf Rot“:** - Farbfeld: weißer Punkt auf Rot. - Bühne: weißes Band, rote Schrift, wie im Keyvisual. - Weil das Foto den Grund ersetzt, sieht man Rot nur in der Schrift. So liest sich das Bild leicht als „Rot auf Weiß“. - Der Titel des zweiten Felds ist im Code „Weiß auf Rot“. Im Code trägt nur das erste Feld den Titel „Rot auf Weiß“. Der Tooltip auf dem Screenshot kann also nur von diesem Feld stammen. - **Neu:** `scripts/check-farbfelder.py`. Für jedes THA-Tool mit Farbfeldern gleicht es ab: - die Namen der Paarungen in der Library („A auf B“: A ist die Figur, B der Grund); - die Weitergabe in THA Ribbon; - die Malaufrufe der Engine Path; - je Tool `pairSwatch(Figur, Grund)`, den Namen als Titel und auf der eigenen Bühne das Band in der Farbe der Figur, die Schrift in der Farbe des Grunds. - **Geprüft:** - Die Prüfung meldet ok für die Library, THA Ribbon, Path, Case Film, Typesetter, Live Camera, Keyvisual Motion und Keyvisual. - `--selbsttest` baut sechs Vertauschungen in eine Kopie im Speicher ein. Alle sechs werden gefunden: Name in der Library, THA Ribbon, Path, Farbfeld, Bandfarbe und Titel in Live Camera. - **Nicht eingebaut:** `check-standard.py` ruft die neue Prüfung noch nicht auf. In dieser Datei arbeitet eine andere Session. - **Logo 0.3.7, HELIO Shuffle 0.2.3: das Logo ist im Export ausgestanzt** (user, 28.10.2026: „das HELIO Logo soll beim Export ausgestanzt sein. das funktioniert noch nicht“ – „Alles außer der Karte“): - **Ursache:** Das SVG hatte die Maske (`cardAndLettersSVG`), aber `buildSVG` im Tool legte darunter immer ein Rechteck in Seitenfarbe. Die Löcher zeigten so die Seitenfarbe. Das PDF entsteht aus diesem SVG und hatte denselben Fehler. PNG, PNG-Sequenz und Video stanzten gar nicht: `compositeFrame` malte die Buchstaben in Seitenfarbe auf die Karte. Gestanzt wurde außerdem nur mit Schriftzug. - **Jetzt (Brand Engine `brands/helio/engines/shuffle.js`):** Ist die Fläche an, stanzt der Export immer, mit oder ohne Schriftzug (`knockoutOn`). PNG, PNG-Sequenz, SVG und PDF haben keine Seitenfarbe mehr (`exportGround`); Buchstaben und Rand um die Karte sind transparent, im PDF Papier. `compositeFrame` schneidet die Buchstaben bei `state.knockout` aus der Karte. Bühne und MP4 behalten die Seitenfarbe, ein MP4 kann keine Transparenz. - **Neu:** `scripts/ausstanzen-messen.js` misst das Ausstanzen in beiden Themes, mit und ohne Schriftzug: Buchstaben im PNG mit Alpha 0, Karte deckend, Rand leer; SVG mit Maske und ohne Seitenrechteck; PDF mit Soft Mask. - **Geprüft:** Das Skript meldet ok (je 21 568 bis 41 085 Buchstabenpixel mit Alpha 0). Verstoßtest: Mit der alten Regel (nur mit Schriftzug) meldet es in allen Fällen Fehler, danach zurückgenommen. MP4 zeigt weiter die Seitenfarbe. check-standard meldet für logo und helio ok. - **Logo 0.3.6: MP4 und PNG-Sequenz laufen gleichmäßig und loopen** (user, 28.10.2026: „animation ruckelt“ – „und springt seltsam. kein loop“): - **Ursache:** Der Export nahm den Live-Lauf auf. Jedes ruhige Bild hielt dabei dieselbe Anordnung, die der nächste Wechsel überschrieb. So zeigten alle Standbilder die letzte Anordnung, und an jedem Wechsel sprang das Bild. Die Bilder kamen außerdem im freien Takt des Browsers. - **Jetzt:** Der Film wird Bild für Bild aus den Regeln des Tools gelegt (Takt, Zufall, Überblenden, Dauer). Die Länge wird in ganze Takte geteilt, und der letzte Wechsel führt zurück zur ersten Anordnung. Das Ende geht nahtlos in den Anfang über. Die Aufnahme in Echtzeit entfällt, der Export startet sofort. - **Vorschau:** Ein Wechsel ändert die Anordnung nicht mehr an Ort und Stelle. Ein neuer Wechsel beginnt erst, wenn der laufende gelandet ist. - **Geprüft:** HELIO-Export 6 s, 30 fps, Bild für Bild mit ffmpeg: die Naht 179→0 unterscheidet sich um 0,02 (vorher 11,4), kein Sprung zwischen zwei Bildern (vorher 14). HMI ebenso nahtlos. check-standard meldet für logo ok. - **Live Camera 0.3.0: das Band läuft um die Silhouette** (user, 28.10.2026: „Keyvisual Webcam … ich würde gerne so mit dem Band interagieren“ – „beides optional ermöglichen, auch für hand“ – „das sieht noch nicht wie die beispiele aus“, mit den Plakaten „Was studierst du so?“): - **Wie auf den Plakaten:** Das THA-Band läuft mit Luft um Kopf und Schultern, von einer Seite über den Kopf zur anderen. Es nutzt wenige lange Geraden in festen Richtungen mit den Eckregeln (`PATH_ENGINE.around`). Wo die Figur über den Rand hinausreicht, läuft das Band aus dem Bild; sonst endet es frei im Bild. - **Silhouette:** Sie kommt bei Tracking Kopf aus dem Segmentierungsmodell (`core/ml/models/selfie_segmentation`), bei Tracking Hand aus den Handpunkten. Die Bahn wird um den Abstand verbreitert und als Strahlen vom Schwerpunkt der Figur gemessen. - **Lage:** Neue Segmented control „Lage“ mit Dahinter und Davor. Bei Dahinter wird die Person über die Maske wieder über das Band gelegt, sichtbar dort, wo eine Hand oder Schulter ins Band reicht. Die PNG-Sequenz schneidet die Person dann ebenfalls aus dem Band. - **Abstand:** Er misst die Luft zwischen der Silhouette und dem Rand des Bands, Vorgabe 1 U. - **Geglättet:** Maske, Handpunkte, Schwerpunkt, Strahlen und Ecken werden über die Zeit geglättet. - **Entfallen:** Folgen und Ausweichen mit ihrer Logik, Länge und der Knopf „Neues Band“. - **Ohne Kamera:** Eine runde Figur unter dem Zeiger steht für die Person. - **Neu:** `core/ml/silhouette.js` (Silhouette 0.1.0). Das Modul lädt das Segmentierungsmodell als Graph Model über das tf in ml5 und zeichnet Maske, Ausschnitt und Strahlen. Das Tool zeichnet nicht selbst. Engine Path wird jetzt mit `?v=0.2.6` geladen. - **Geprüft:** im eingebauten Browser mit einem Foto als Kamerastrom (eine Person mit Luft über dem Kopf; zwei Personen; Hand) und mit dem Zeiger ohne Kamera. check-standard meldet für kamera ok. - **Core 0.7.3: Inspector am Handy als Sheet; Seitenkopf über Tokens** (user, 28.10.2026: „Sheet von unten“ – „Ja, weitermachen“): - **Handy (bis 560 px):** Der Inspector ist ein Sheet von unten (`--inspector-sheet-height` 55dvh). Die Bühne behält die volle Breite (`stageRoom`), eine Meldung steht über dem Sheet. Die Breite des Inspectors liest `stageRoom` jetzt aus `--inspector-width` statt aus der festen Zahl 340. - **Seitenkopf und Navigation:** Sie setzen nur noch Tokens (`--segmented-width`, `--text-input-width`, `--select-width`, `--legend-margin`, `--text-input-margin`). Die Komponenten lesen sie, statt von außen gestylt zu werden. - **Prüfen:** Die Grenze der Kontext-Selektoren sinkt auf 94. Dashboard, Custom Type und Library sind im Vergleich unverändert. - **Core 0.7.0, Library 0.11.0: Section und Form field getrennt** (user, 28.10.2026: „Ja, trennen“): - **Klassen:** Ein Element mit Überschrift oder eigenen Zeilen heißt jetzt `.section`. Das sind 178 Stellen in 20 Tools, der Library und dem von `initFormat` und Case Film erzeugten Markup. Ein einzelnes Feld bleibt `.field-row`. - **Abstände nur über Tokens:** `--section-row-gap` (22 px) zwischen den Zeilen, `--section-head-gap` (12 px) zwischen Überschrift und erster Zeile, `--form-field-gap` (8 px) im Feld. Die `:has()`-Regeln und die feste −12 px sind entfernt. - **Sichtbare Folge:** Überschrift → erste Zeile ist überall 12 px (vorher 10 oder 12). In Abschnitten ohne verschachtelte Felder stehen Zeilen jetzt 22 px auseinander statt 8 px, wie in allen anderen. - **Prüfen:** `closest('.field-row')` in Tools sucht jetzt `.field-row, .section`. check-standard kennt `.section`; die Grenze der Kontext-Selektoren sinkt auf 103. - **Geprüft:** Kamera und Face Tracking im Vergleich zum Stand davor, check-standard überall ok, Selbstprüfung der Library mit den sieben bekannten Befunden. - **Core 0.6.6: Prüfregel für ui.css, feste Werte auf Skalen, Darstellung der Library** (user, 28.10.2026: „Ja, Patterns“ – „bitte zum schluss nochmal darstellungscheck, abstände, umbrüche usw“ – „warum werden hier noch feste farben definiert?“): - **check-standard:** Neue Regel für `ui.css`. Feste Werte und Kontext-Selektoren werden gezählt und dürfen nur sinken; die Grenze steht in `scripts/ui-grenze.json` (jetzt 148 und 109, vorher 447 und 138). Verstoßtest: Ein zusätzlicher fester Abstand wurde gemeldet und dann zurückgenommen. - **Skalen:** 85 feste Pixelwerte, die genau auf einer Skala liegen, sind jetzt `--space-*`, `--size-*` und `--radius-*`. Berechnete Stile auf Library, Case Film und Dashboard sind unverändert. - **Library, Tokens:** Die Tabelle zeigt neu die Spalte „zeigt auf“ (z. B. `--icon-button-bg-hover` → `--color-fill-1`). Vorher sah man nur den aufgelösten Endwert, das wirkte wie eine feste Farbe. „gleich in beiden Modi“ heißt jetzt kurz „wie Hell“. Namen und Werte brechen nicht mehr um; breite Tabellen scrollen in sich, statt die Seite zu verbreitern. - **Library, States:** Hover, Focus, Pressed und Selected sitzen nur noch am ersten Element eines Beispiels, sodass sich keine Ringe überlappen. Zellen sind so breit wie ihr Inhalt, nichts bricht um; der Slider zeigt Standard und Stufen getrennt. - **Library, Tabs:** Das Beispiel nutzt jetzt `.tabs > .tab`. - **Core 0.6.3, Library 0.10.2: alte Token-Namen gelöscht, Palette als Variante von Swatches, Timeline-Karten mit Tokens** (user, 28.10.2026: „Ja, löschen“ – „Variante von Swatches“ – „Eine Zeile Schichten“): - **tokens.css:** Der Übergangsblock mit den alten Namen ist gelöscht; keine Seite nutzt sie mehr. - **Swatches:** Die bearbeitbare Palette (`.chips > .chip`, × entfernen, ziehen, hinzufügen) ist die Variante „Bearbeitbar“. Sie nutzt dieselben Tokens (`--swatch-size`, `--swatch-remove`, `--swatch-edit-edge`, `--swatch-drag-scale`). Der Library-Eintrag „Color list“ ist in Swatches aufgegangen; Gradient, Gradient Blend und Case Film führen `farbfelder` statt `palette`. - **Timeline:** Die Bildkarten (`.chips.bilder > .chip.bild`) gehören zur Timeline, mit `--timeline-card-*`. - **Button:** `.save` (Primary) und `.recording` (Busy) gehören zum Button, nicht mehr zu Save menu. Daraus folgend steht in Modal und Editor „Besteht aus“ jetzt Button statt Save menu; Save menu wird über `initSaveFoot(` erkannt. - **Library-Seite:** Die Einleitung ist eine Zeile (Tokens → Komponenten → Patterns → Templates). `blocks.js` hat jetzt die Version 0.10.3 im Aufruf, damit kein Browser eine alte Fassung aus dem Cache nimmt. - **Geprüft:** berechnete Stile auf Case Film, Gradient, Gradient Blend und Dashboard gegen den Stand davor, ohne sichtbare Änderung. check-standard meldet überall ok; die Selbstprüfung meldet die sieben bekannten Befunde. - **Core 0.6.2, Library 0.10.1: die vier offenen Befunde gelöst; Playground und DesignCampus ohne Blöcke** (user, 28.10.2026: „So wie vorgeschlagen“ – „Alle Blöcke löschen“): - **Kamera:** Die Probe „knopf-und-auswahl“ ist aufgelöst: „Kamera starten“ ist ein Button, Kopf/Hand ein eigenes Feld „Tracking“ (Segmented control). - **Face Tracking:** Der Status steht als Description list im Abschnitt Quelle statt im Kopf. Die Startkarte ist ein neues Core-Pattern „Start card“ (`.start-card`, Tokens `--start-card-*`) auf der Fläche des Modal, mit Library-Eintrag. Beide Proben sind weg. - **Logo:** Die HELIO-Anordnungen nutzen `initTiles` mit der neuen Einzelwahl (`{ single: true }`, Radio, `role=radiogroup`) statt eigenem Code. - **Case Film:** Ein Schlag nach dem Ende der Musik trägt die Marke „nach“ der Timeline (`--timeline-beat-after`) statt einer Deckkraft im Code. - **Playground und DesignCampus:** keine Blöcke mehr, nur Daten, Regeln und Vokabular (Library je 0.2.0). check-standard akzeptiert eine Marke ohne Blöcke, wenn sie das mit leerer Liste erklärt und Regeln und Vokabular hat. - **check-standard:** meldet für alle Seiten ok. - **Library 0.10.0: Tokens, Komponenten, Patterns, Templates** (user, 28.10.2026: „Ja, Library“): Die Seite `patterns/` zeigt die Core-UI so, wie Design Systems sie zeigen: - **Standardnamen:** z. B. Button statt Handlung, Toggle statt Schalter, Panel statt Dock. - **Je Komponente:** ihre Component Tokens hell und dunkel, alle Varianten in jedem State (Default, Hover, Focus, Pressed, Selected, Disabled, Busy; aus den Regeln des Core erzeugt), Code, Klassen, Besteht aus, Teil von und Verwendet in. - **Entfallen:** Regeln als Prosa, „Bedeutung“ und die Maße. Die Marken-Libraries (`?marke=`) bleiben unverändert. - **Spezifikation:** in `patterns/blocks.js` als `DT_SPEC` (Token-Präfix, Ziel, States, Varianten). - **Tools:** alle 20 Tools mit Tabs auf Library 0.10.0 abgeglichen. - **Geprüft:** Die Selbstprüfung der Library meldet dieselben 7 Befunde wie vorher; check-standard unverändert. - **Core 0.6.1: Komponenten mit Component Tokens** (user, 28.10.2026: „Ja, Komponenten“ – „Ja, umbauen“): In `core/ui.css` hat jede Komponente der Inventur einen eigenen Block mit Klassen, Tokens und States. Er liest nur seine eigenen `--…`-Tokens (`core/tokens.css`, Schicht 3). - **Komponenten:** Icon button, Toggle, Segmented control, Tabs, Select, Text input, Slider, Number input, Swatches, Tile group, Chip group, Tag, Description list, Data table, Toast, Color picker, Status indicator. - **Aufgelöst:** Die übereinanderliegenden Korrekturschichten. Kontext-Selektoren sind durch Tokens ersetzt, die ein Container setzt, z. B. `.beh-row { --icon-button-margin }` oder `.dock.quer { --chip-height }`. - **Tabs** haben eigene Klassen (`.tabs > .tab` statt `.img-mode-row.insp-tabs > .mode-btn`) in 17 Tools, `ui.js`, Library und check-standard. Zuvor zerfielen sie außerhalb des Inspektors. - **Swatches** erben keine Stile von Segmented control mehr; `.mode-btn` tragen sie nur noch für das gemeinsame Klickverhalten. - **Geprüft:** berechnete Stile auf Matrix, Kamera, Gradient, Custom Type, Keyvisual, Fontscale, Case Film, Dashboard und Library gegen den Stand davor. Sichtbar unverändert. Abweichungen gibt es nur in nicht sichtbaren Werten (Radius „pill“ statt 50 %, Schriftwerte an Knöpfen ohne Text, 0,5 px im Inspektor). - **Core 0.6.0: Tokens in drei Schichten** (user, 28.10.2026: „schaue dir an, wie eine pattern lib gebaut wird und wende das an“ – „Ja, einbauen“): `core/tokens.css` hat jetzt drei Schichten: - **Basiswerte:** `--color-*`, `--space-*`, `--size-*`, `--radius-*`, `--font-*`, `--duration-*`. - **Semantisch:** `--color-text`, `--color-surface-*`, `--color-fill-*`, `--space-element/row/group`, `--size-control`, `--radius-control`, `--type-label/section/title/headline`, `--elevation-*`, `--motion-*`. Hell und Dunkel werden nur hier entschieden. - **Component:** `--button-*`, `--status-*`, `--panel-*`, `--modal-*` und weitere. 1089 Stellen in Core, Tools, Marken und Library nutzen die neuen Namen. Die alten Namen zeigen in einem Übergangsblock auf die neuen, bis keine Stelle sie mehr braucht. Die Aliase `--muted`, `--accent`, `--red` und `--ring` entfallen. Panel und Modal haben eine Fläche (`--blur-surface`; „ja“). Die festen Schriftstufen gehen auf die Skala (10, 11 und 13 px werden Label, 14 Section, 17, 21 und 30 Headline; „ja“). Button und Panel sind in `ui.css` je ein Block, der nur seine Component Tokens liest; ein Container setzt Tokens, keine Klassen. Geprüft: berechnete Stile auf Matrix, Kamera, Gradient, HMI-Dashboard, Case Film, Projekt-Dashboard und Library gegen den alten Stand verglichen. Unterschiede gibt es nur bei den gewollten Schriftstufen und 8 px neben „Speichern“ im Kopf von Case Film. - **Logo: Probe „kachel-folge“ gestrichen** (user, 28.10.2026: „ich erkenne nur einen unterschied bei den icons und beim radios. das hat aber nichts mit kachel folge zu tun“): Die Reihenfolgen von HELIO sind jetzt normale Kacheln (`.icon-tiles > .icon-tile`). Die eigenen 2 px Abstand und die Klassen `perm-tiles`/`perm-tile` sind entfernt. - **check-standard: nur Bausteine der Library in Tools** (user, 28.10.2026: „sorge dafür dass in apps ausschließlich bauteile der pattern lib verwendet werden, es sei denn ich will das so“ – „stelle das einfach anhand der struktur sicher.“): neue Regeln. (1) Ein Dialog hat in Core eine Fläche: `.settings` und `.img-modal` müssen in Grund, Rand, Unschärfe, Schatten und Fußabstand gleich sein. (2) Ein ausgeliefertes Tool braucht für jede Probe die Freigabe in `tool.json own.freigabe` (die Worte des Users). (3) Stil im Code: Ort, Größe und Clip dürfen der Bühne folgen, und Farben aus dem Inhalt (Farbfelder über `pairSwatch`/`gradientSwatch`, Punkte auf der Bühne) sind Inhalt. Ein Wert, der als Literal im Code steht, ist Gestaltung und wird gemeldet. (4) Lokale Styles für Core-Bausteine sind nur in einem `