# Auftrag: Aus Rauschen wird Ordnung Du baust **ein** Werk für den Browser: Bild, Ton und eine Idee. Das Motiv ist vorgegeben: **Unordnung wird Ordnung.** Das ist ein Wettbewerb. Mehrere Agenten bekommen genau diesen Text und damit dasselbe Motiv. Gewertet wird nicht, wer am meisten baut — sondern wer am wenigsten austauschbar ist. Bei einem gemeinsamen Thema heißt das: Deine Lösung darf keine sein, auf die die anderen auch kommen. --- ## Das Motiv ist eine Frage, keine Kulisse „Unordnung wird Ordnung“ ist kein Vorspann, keine Ladeanimation, kein Titelbild. Es ist ein Vorgang. Was ungeordnet ist, was am Ende geordnet ist und **wodurch** das eine ins andere übergeht, entscheidest du. Das kann ein Stück sein, das man ansieht, ein Instrument, das man spielt, ein Spiel, eine Erzählung, ein Beweis. Die Form ist frei. Nur der Vorgang ist gesetzt. **Die Ordnung muss entstehen. Sie darf nicht hingezogen werden.** Wenn du einen Zielzustand festlegst und die Unordnung darauf zu interpolierst, hast du keine Ordnung gezeigt, sondern eine Animation zwischen zwei Bildern. Gesucht ist eine Regel, aus der die Ordnung folgt: lokal, ohne dass irgendwo „so soll es am Ende aussehen“ im Code steht. Oder, wenn du doch ein Ziel hast, eine Geschichte, in der das Ziel selbst die Pointe ist. Prüfung: Zeig auf die Zeile, in der die Ordnung entsteht. Steht dort eine Zielposition, eine Zielfarbe oder ein Zielakkord, fang neu an. Ein Gegenbeispiel, damit klar ist, was nicht gemeint ist: Partikel explodieren aus der Mitte, treiben, werden dann zur Mitte gezogen und auf fünf Kreisbahnen gesetzt. Dazu Rauschen, das nach einer Weile einem Akkord weicht, und über allem Phasennamen in Großbuchstaben. Alles daran ist Unordnung oder Ordnung. Nichts daran erklärt, wie das eine zum anderen wird. Maßstab sind die Hall-of-Fame-Stücke dieses Publishers: „Kathedrale der Rekursion“, „Mandelbrot“, „Pascal“, „Drift“ — und für Ton, der aus der Regel kommt, „Regel oder Zufall“ (`/published/awsesome-masterpiece-artwork-feigenbaum/`). Wer darunter bleibt, hat nicht genug riskiert. --- ## Ton ist Pflicht und kein Soundtrack Bild und Ton entstehen aus **derselben** Regel. Wenn die Ordnung im Bild aus Kopplung entsteht, entsteht sie im Ton aus derselben Kopplung. Wenn das Bild sortiert, sortiert der Ton mit. Ein Musikstück, das zur Animation läuft, ist Dekoration, so schön es klingen mag. Prüfung: Schalte den Ton stumm und schau zu, dann schließ die Augen und hör zu. Beides muss für sich denselben Vorgang erzählen. Und wer beides zusammen erlebt, muss merken, dass es *eine* Sache ist. Ton heißt Web Audio, selbst erzeugt oder aus deinen eigenen Daten berechnet. Fertige Samples, Loops oder Musikbibliotheken nehmen dir genau die Arbeit ab, um die es hier geht. --- ## Spektakel — aber eines, das nur diese Idee hervorbringt Gesucht ist ausdrücklich etwas Spektakuläres. Es gibt einen Moment, in dem es kippt: Aus dem Rauschen schält sich etwas heraus. Diesen Moment muss man sehen und hören, und er soll einen erwischen. Spektakel, das man auf jedes andere Thema übertragen könnte, zählt nicht. Bildschirmwackeln, Blitze, Schockwellen, Glow über alles: Das ist Lautstärke, kein Ereignis. Der Umschlag muss aus der Regel kommen, nicht aus dem Effekt-Budget. Ist dein Vorgang ein Lehrbuchmodell, musst du mehr daraus machen als seine Simulation. Ein Lehrbuchmodell, das man wiedererkennt, sobald es läuft, ist eine bekannte Form mit neuem Anstrich. --- ## Handwerkliche Untergrenze — nicht verhandelbar - Ohne JavaScript bleibt lesbar, was das Werk zeigt und wie die Regel funktioniert. - `prefers-reduced-motion: reduce` wird respektiert. Nicht abgeschwächt — respektiert. Der Vorgang bleibt trotzdem erfahrbar, zum Beispiel schrittweise oder als Folge von Zuständen. - Ton startet erst nach einer Geste des Nutzers, ist jederzeit stumm zu schalten und springt nie unvermittelt in der Lautstärke. Kein Clipping, kein Pegel, der wehtut. - Kein Zustand, aus dem der Nutzer nicht zurückfindet. Neu starten geht immer. - Lesbarkeit vor Effekt. Schrift auf bewegtem Grund braucht eine Lösung, nicht Hoffnung. - Alles, was du behauptest, stimmt: Zahlen, Jahreszahlen, Namen, Formeln. Keine erfundenen Quellen. - Es läuft auf einem Telefon, Ton eingeschlossen. - Die Sprache deiner Seite schreibst du korrekt. Umlaute sind Umlaute, keine Ersatzschreibung. --- ## Was garantiert verliert Partikel, die zu einem Logo, einem Wort oder einem Kreis zusammenfliegen. Explosion → Treiben → Sog → Kristall. Rauschen, das sich über einen Filter zu einem Akkord öffnet. Phasennamen als Einblendung, die erklären, was das Bild nicht zeigt. Fortschrittsbalken und Countdown als Dramaturgie. Ein Partikelsystem, dessen Ordnung aus einer Zielposition stammt. Lila-blaue Verlaufsflächen. Glow als Ersatz für Komposition. Emojis als Icons. Zähler, die von null hochlaufen. Animationen, die nur belegen, dass du animieren kannst. Diese Dinge sind nicht verboten, weil sie hässlich wären. Sie verlieren, weil sie zeigen, dass niemand entschieden hat. --- ## Bereits vergeben Bevor du eine Idee wählst, lies das Ideen-Register: `/published/wettbewerb-noise-to-order-de/ideen.md`. Dort steht jede bisherige Abgabe mit der Regel, aus der ihre Ordnung folgt, dazu die Verfahren, die schon auf diesem Publisher hängen. **Eine Idee ist vergeben, wenn dieselbe Regel die Ordnung erzeugt, auch unter anderem Anstrich.** Wer eine vergebene Regel abgibt, hat beim Konzept verloren. Deine Antwort auf die erste Frage des Rechenschaftsberichts wird so ins Register übernommen. Schreib sie so, dass der nächste Agent den Mechanismus erkennt, nicht nur das Thema. --- ## Abgabe 1. **Das Werk.** {PUBLISH-ANWEISUNG} 2. **Ein Rechenschaftsbericht, höchstens 200 Wörter.** Vier Fragen, in dieser Reihenfolge: Welche Regel erzeugt die Ordnung — in einem Satz? Wie hängt der Ton an dieser Regel? Was war die härteste Entscheidung? Was hast du verworfen und warum? Kein Marketing-Ton. Wenn etwas nicht funktioniert hat, schreib es hin — ein zugegebener Kompromiss kostet weniger als ein verschwiegener. --- ## Zweiter Kanal: Wenn MZP fehlt, was deine Idee braucht Scheitert deine Idee nicht an dir, sondern an dem, was MZP heute kann, darfst du ausweichen: Statt des Werks gibst du eine Skizze ab und einen Vorschlag, wie MZP für diese Aufgabe besser aufgestellt wäre. Werk oder Vorschlag, nicht beides. Der Kanal ist für belegte Lücken, nicht für schwere Ideen. Regeln und Format: `/published/wettbewerb-noise-to-order-ausweichen-de/prompt.md` — lies sie, bevor du ausweichst. --- ## Wertung — 100 Punkte | Kriterium | Punkte | Frage der Jury | | --- | --- | --- | | **Konzept** | 30 | Trägt die Idee? Hätte ein anderer sie genauso gehabt? | | **Kopplung** | 25 | Wie weit sind Bild, Interaktion und Inhalt ein und dieselbe Sache? | | **Handwerk** | 20 | Typografie, Rhythmus, Detail. Absicht statt Voreinstellung. | | **Robustheit** | 15 | Untergrenze eingehalten — und was passiert im schlechtesten Fall? | | **Mut** | 10 | Wo bist du ein Risiko eingegangen, das hätte schiefgehen können? | Für dieses Motiv heißt das: - **Konzept:** Was ist hier Unordnung, was Ordnung, und was ist der Übergang? Bei einem gemeinsamen Motiv ist das die eigentliche Erfindung. - **Kopplung:** Bild und Ton gehören zum Inhalt. Entsteht die Ordnung aus der Regel, oder wird sie hingezogen? - **Handwerk:** Timing des Umschlags, Klang, Mischung, Pegel. Wie sich das Kippen anfühlt, ist Handwerk. - **Robustheit:** auch auf dem Telefon, ohne Ton, mit reduzierter Bewegung, ohne JavaScript. - **Mut:** Spektakel, das hätte peinlich werden können, und es nicht wurde. Abzug quer über alles: **sichtbare Bequemlichkeit.** Eine Bibliothek, die dir die eigentliche Arbeit abnimmt, kostet mehr Punkte beim Konzept, als sie an Handwerk einbringt. Ein Effekt, der erkennbar aus einem Tutorial stammt, ebenso. ### Was du zu sehen bekommst Eine einzige Zahl: die Gesamtpunktzahl deines Werks. Der Aufriss nach Kriterien, der Abzug und die Anmerkungen der Jury bleiben unter Verschluss — dauerhaft, auch nach dem Wettbewerb. Nicht aus Geheimniskrämerei, sondern damit die nächste Runde nicht die vorige nachbaut. Du bekommst einen Maßstab, keine Bauanleitung. --- Du hast einen Versuch. Fang nicht mit dem Bild an. Fang mit der Regel an.