Interaktive Websites, in denen man sich verlieren kann

Wenn du aus diesem Leitfaden nur eine Website öffnest, wähle sie nach dem aus, worauf du Lust hast:

• Etwas erschaffen: Silk, das jeden Strich in eine symmetrische Zeichnung verwandelt.
• Klang machen: Blob Opera, ein Quartett singender Blobs, das du mit einem Finger dirigierst.
• In die Welt hinausschauen: Radio Garden, Live-Radio von fast überall, ausgewählt durch Drehen eines Globus.
• Auf eine Reise gehen: The Deep Sea, ein einziger langer Scroll bis auf den Grund des Ozeans.
• Beim Spielen nachdenken: The Evolution of Trust, eine halbe Stunde Spieltheorie, die du lernst, indem du sie spielst.

Der Rest des Leitfadens erklärt, was jede der sechzehn Websites einen Besuch wert macht, womit du anfangen solltest und was du vorher wissen solltest: welches Gerät am besten funktioniert, was Ton braucht und an welchen ein, zwei Stellen etwas Geld kostet oder dich bittet, etwas zu teilen.

Fünf Arten interaktiver Websites

»Interaktiv« umfasst sehr verschiedene Erlebnisse. Ein Zeichenspielzeug und eine Dokumentation zum Scrollen sind beide interaktiv, aber sie verlangen Unterschiedliches, und beide mit demselben Maßstab zu messen, wird keiner von beiden gerecht. Dieser Leitfaden ordnet die sechzehn Websites in fünf Arten.

• Freies Spiel. Kein Ziel, kein Weg. Du handelst, und die Website verwandelt deine Handlung in etwas Reicheres: eine Zeichnung, eine Landschaft, eine Fahrt. Du entscheidest, wann es fertig ist.
• Instrumente. Gebaut, um Musik oder Klang zu machen. Am besten funktionieren sie, wenn du aufhörst, sie zu testen, und anfängst zu spielen, und die meisten belohnen eine zweite Sitzung mehr als die erste.
• Fenster zur Welt. Das Material ist echt: Radiosender, die Fenster anderer Menschen, der Wind von heute. Deine Rolle ist zu wählen, wohin du schaust, und die Freude liegt in dem, was du findest.
• Reisen. Ein Weg, den jemand anderes entworfen hat und den du in deinem eigenen Tempo zurücklegst, scrollend oder fallend. Die Interaktion ist hier leicht, eher wie Umblättern als wie Spielen, und das Handwerk steckt im Rhythmus.
• Experimente und Ideenspiele. Jedes ist um eine einzige Frage herum gebaut: Kann eine Maschine ein Gekritzel lesen, warum überlebt Vertrauen, was passiert, wenn du stillhältst? Du spielst, um die Antwort zu finden.

Keine dieser Arten ist besser als eine andere. Eine Reise kann dich mehr berühren als ein Instrument, und ein Scherz von zwei Minuten kann länger in Erinnerung bleiben als eine Simulation von einer halben Stunde. Der Sinn der Einteilung ist, die richtige Erwartung zu wecken, bevor du klickst.

Die sechzehn auf einen Blick

Jede Website wurde am 31. Oktober 2026 in einem Desktop-Browser geöffnet. Fünfzehn luden normal. The Deep Sea antwortete unserem automatisierten Browser mit einer Bot-Schutzprüfung, deshalb stützt sich ihre Beschreibung auf veröffentlichte Berichte und nicht auf diesen Besuch.

Freies Spiel: überall anfangen, jederzeit aufhören

Silk

Silk stammt von Yuri Vishnevsky, mit Musik und Klang von Mat Jarvis, und ist seit etwa 2010 online. Du ziehst über eine dunkle Leinwand, und ein weicher Lichtfaden folgt dir, gespiegelt und um die Mitte wiederholt. Selbst eine achtlose Geste kommt fein und symmetrisch zurück, und deshalb ist es eines der wenigen Zeichenwerkzeuge, bei denen niemand das Gefühl hat, »nicht zeichnen zu können«.

Was es zu mehr als einem Bildschirmschoner macht, sind seine Einstellungen. Du kannst ändern, wie oft sich der Strich um die Mitte wiederholt, die Spiegelung ein- oder ausschalten, Striche spiralförmig nach innen laufen lassen und Farben ineinanderziehen, um sie zu mischen. Jede Einstellung verändert die Regel, durch die deine Geste geht, sodass dieselbe Bewegung sehr verschiedene Zeichnungen ergibt.

Probier zuerst: Zeichne eine langsame Linie von der Mitte nach außen, dann dieselbe Linie schnell. Schalte dann die Spiegelung aus und zeichne noch einmal. Ideal für: alle, die in einer Minute etwas Schönes machen wollen, und für Kinder. Von Yuri Vishnevsky · Silk öffnen

Thisissand

Thisissand hat eine einzige Geste: Drück, und an dieser Stelle rieselt Sand herab und häuft sich auf. Wechsle dabei die Farbe, und die Schichten bauen sich zu etwas auf, das an den Querschnitt eines Hangs erinnert. Die Freude liegt in der Physik: Die Körner rutschen, bis der Hang sie halten kann, sodass sich jeder Haufen in einem ähnlichen Winkel setzt und deine Entscheidungen als Schichten sichtbar werden.

Die Website hat außerdem eine Galerie mit neuen und beliebten Sandlandschaften, einen optionalen automatischen Fluss, der den Sand weiterrieseln lässt (zweimal auf die Leinwand tippen), und eine App mit Profilen für alle, die ihre Werke behalten wollen. Nichts davon ist zum Spielen nötig.

Probier zuerst: Wähle nur zwei Farben und wechsle sie in dünnen Schichten ab. Am besten auf: einem Touchscreen, wo sich das Schütten mit dem Finger körperlicher anfühlt. Ideal für: langsame, versunkene Aufmerksamkeit. Thisissand öffnen

Bruno Simons Portfolio

Bruno Simons Portfolio ist eine Website, durch die du fährst. Die Projekte des Entwicklers liegen auf einer kleinen 3D-Insel, und du besuchst sie in einem Spielzeugauto, das du mit der Tastatur steuerst. Die erste Fassung von 2019 entstand mit der 3D-Bibliothek Three.js und der Physikbibliothek Cannon.js und wurde von Awwwards zur Website des Jahres 2020 gekürt. Seitdem wurde sie neu gebaut.

Sie gehört hierher, weil sie zeigt, wie weit ein Browser gehen kann: 3D in Echtzeit, Physik und Klang, ohne Installation. Das heißt auch, dass sie deinem Computer mehr abverlangt als alles andere in diesem Leitfaden, ein älterer Laptop oder ein Smartphone kann also ins Stocken geraten.

Probier zuerst: Ignoriere die Projekte eine Minute lang und fahr einfach über die Insel. Ideal für: alle, die neugierig sind, was Webentwicklerinnen und -entwickler bauen können. Das Portfolio öffnen

Paper Planes

Paper Planes vom Studio Active Theory startete 2016. Am Desktop bittet es dich, über dein Smartphone beizutreten, und genau darum geht es: Vom Smartphone aus wirfst du ein Flugzeug in einen gemeinsamen Himmel und fängst Flugzeuge, die Fremde an anderen Orten geworfen haben. Es ist eine der seltenen interaktiven Websites, bei denen es um andere Menschen geht und nicht um dich.

Probier zuerst: Fang ein Flugzeug, bevor du eines wirfst, und schau nach, woher es kam. Am besten auf: einem Smartphone. Paper Planes öffnen

Instrumente: Dinge, die man spielt

Patatap

Patatap von Jono Brandel, mit Klängen des Duos Lullatone, bezeichnet sich als tragbares Animations- und Klangset. Jede Taste von A bis Z und die Leertaste spielen einen kurzen Klang und werfen eine farbige Form über den Bildschirm; auf dem Smartphone tut ein Tippen dasselbe. Nach einer Minute spielst du Rhythmen, und die Animationen machen jeden Klang sichtbar, sodass der Bildschirm zu einer Aufzeichnung des Takts wird.

Die Seite warnt, dass sie blinkende Bilder enthält. Nimm das ernst, wenn dich flackerndes Licht beeinträchtigt.

Probier zuerst: Wähle drei Tasten und spiel nur diese, wie es ein Schlagzeuger tun würde. Am besten mit: einer Tastatur und eingeschalteten Lautsprechern. Von Jono Brandel mit Lullatone · Patatap öffnen

Blob Opera

Blob Opera von David Li mit Google Arts & Culture (2020) stellt vier runde Sänger auf eine Bühne. Zieh einen nach oben oder unten, und er ändert die Tonhöhe; beweg ihn, und sein Vokal ändert sich; die anderen drei harmonieren in Echtzeit. Die Stimmen sind keine zusammengesetzten Aufnahmen. Sie stammen aus einem Modell des maschinellen Lernens, das mit rund sechzehn Stunden Gesang von vier Opernsängerinnen und -sängern trainiert wurde, Christian Joel, Frederick Tong, Joanna Gamble und Olivia Doutney, und was du hörst, ist also die Vorstellung des Modells von ihren Stimmen, die deiner Hand folgen.

Probier zuerst: Beweg nur den Bass, ganz langsam, und hör zu, wie sich die anderen um ihn herum neu ordnen. Ideal für: Menschen, die glauben, nicht musikalisch zu sein. Blob Opera öffnen

Chrome Music Lab: Song Maker

Chrome Music Lab ist eine Reihe von Browser-Experimenten von Google darüber, wie Musik funktioniert. Sein Herzstück ist Song Maker, ein Raster, in dem jede Spalte ein Moment in der Zeit und jede Zeile eine Note ist: Klick Felder an, und eine Schleife spielt sie von links nach rechts ab. Du kannst Instrument und Tempo ändern und das Lied speichern, um es zu teilen.

Mit dieser Art von Raster, einem Step-Sequencer, ist ein großer Teil der elektronischen Musik geschrieben worden, und Song Maker ist die sanfteste Einführung darin: Die Form einer Melodie ist auf einen Blick zu sehen.

Probier zuerst: Lass in jeder Spalte ein Feld leuchten, um eine Melodie zu zeichnen, und füge dann alle vier Spalten eine einzige tiefe Note hinzu. Ideal für: Anfängerinnen und Anfänger und Schulklassen. Song Maker öffnen

Incredibox

Incredibox stammt vom französischen Studio So Far So Good und ging 2009 online. Du ziehst Symbole auf eine Reihe von Beatboxern, und jeder beginnt, eine Stimme zu spielen; kombinierst du die richtigen Stimmen, schaltest du animierte Sequenzen frei. Gespeicherte Mixe bekommen einen Link, und andere können sie anhören und darüber abstimmen.

Die Website bietet eine kostenlose Demo mit einer Auswahl ihrer Musikstile; die vollständige Sammlung gibt es in einer kostenpflichtigen App. Die Demo genügt, um zu verstehen, warum es sich so lange gehalten hat: Es verwandelt das Arrangieren eines Songs in das Platzieren von Figuren auf einer Bühne, sodass das Schichten, die Kernfähigkeit der Musikproduktion, sichtbar wird.

Probier zuerst: Füge die Figuren eine nach der anderen hinzu und nimm die erste heraus, wenn die vierte dazukommt. Ideal für: Kinder und alle, die gern an Arrangements tüfteln. Von So Far So Good · Incredibox öffnen

Fenster zur Welt

Radio Garden

Radio Garden wurde vom Studio Puckey (Jonathan Puckey) mit Moniker in Amsterdam geschaffen, als Projekt des Niederländischen Instituts für Bild und Ton, und startete im Dezember 2016. Du drehst einen Globus voller Lichtpunkte; jeder Punkt ist ein Live-Radiosender, und wenn du auf einem anhältst, wird er abgespielt. Browser brauchen meist einen Klick auf Play, bevor der Ton beginnt.

Das Besondere daran ist, dass es Geografie in Zuhören verwandelt. Dreh von einer Stadt zur Nachbarstadt, und Sprache, Musik und Tageszeit ändern sich unter deiner Hand.

Probier zuerst: Halte bei einer Stadt an, deren Sprache du nicht sprichst, dann geh ein paar Hundert Kilometer weiter und vergleiche. Am besten mit: Kopfhörern. Radio Garden öffnen

WindowSwap

WindowSwap entstand während der Lockdowns 2020, als Sonali Ranjit und Vaishnav Balasubramaniam, ein Paar, das in Singapur in der Werbung arbeitete, aus dem Fenster eines anderen Menschen schauen wollten. Drück einen Knopf, und du bekommst den Blick von irgendwo auf der Welt, gefilmt von der Person, die dort wohnt: ein Clip von einigen Minuten, keine Liveübertragung, eingesandt von Besucherinnen und Besuchern und vor der Veröffentlichung gesichtet.

Das zufällige Fenster ist kostenlos. Ein Bezahlangebot, All-Access, bietet das vollständige Archiv, Lesezeichen, Playlists und einen Zurück-Knopf. Du kannst auch dein eigenes Fenster einsenden.

Probier zuerst: Lass ein Fenster ein paar Minuten lang im Hintergrund laufen, mit Ton. Ideal für: eine Pause. Von Sonali Ranjit und Vaishnav Balasubramaniam · WindowSwap öffnen

earth.nullschool.net

earth.nullschool.net von Cameron Beccario ist ein animierter Globus der aktuellen Bedingungen. Bewegte Linien zeichnen den Wind nach; andere Ebenen zeigen Meeresströmungen, Luftqualität und mehr. Laut den Hinweisen des Projekts stammt das Wetter aus Supercomputer-Vorhersagen, die alle drei Stunden aktualisiert werden, die Ozeandaten täglich, und der Code ist auf GitHub veröffentlicht.

Du ziehst den Globus, zoomst und wechselst die Ebenen über ein kleines Menü. Es ist eine Datenvisualisierung, aber weil der Wind als bewegte Partikel gezeichnet wird, wirkt sie wie ein lebendiges Gemälde.

Probier zuerst: Such auf der Karte den nächsten Sturm und folge seinem Wind. Am besten auf: einem großen Bildschirm. earth.nullschool.net öffnen

Reisen: scrollen oder fallen

The Deep Sea

The Deep Sea, 2019 von Neal Agarwal auf seiner Website neal.fun veröffentlicht, ist ein einziger langer Scroll von der Oberfläche bis auf den Grund des Challengertiefs, fast elf Kilometer tief. Ein Tiefenzähler läuft beim Abstieg mit, und die Tiere wechseln mit der Zone, sodass das Scrollen, die gewöhnlichste Geste im Web, zu einem Gefühl für Entfernung wird.

Deine Interaktion ist minimal, und das ist in Ordnung: Das Handwerk steckt im Rhythmus, darin, wie lang sich die dunklen Strecken zwischen den Tieren ziehen. Auch der Rest von neal.fun ist einen Nachmittag wert. Wie oben erwähnt, stützt sich diese Beschreibung auf veröffentlichte Berichte, weil die Website unsere automatisierte Prüfung blockiert hat.

Probier zuerst: Scroll in gleichmäßigem Tempo, ohne zu springen, bis das Licht verschwindet. Ideal für: neugierige Kinder und Erwachsene gleichermaßen. Von Neal Agarwal · The Deep Sea öffnen

Zoomquilt

Zoomquilt, 2004 von Nikolaus Baumgarten begonnen, ist ein gemeinschaftliches Gemälde mit endlosem Zoom. Mehr als ein Dutzend Illustratorinnen und Illustratoren malten je eine Szene, die die nächste in sich verbirgt, sodass das Bild endlos nach innen fällt und die letzte Szene wieder zur ersten führt.

Es ist älter als fast alles andere in diesem Leitfaden und steht der Animation näher als dem Spiel. Seinen Platz verdient es, weil die Idee mit solcher Sorgfalt umgesetzt ist, dass die Schleife nie ihre Nähte zeigt.

Probier zuerst: Schau eine volle Schleife an, ohne wegzusehen. Am besten auf: einem großen Bildschirm, im Vollbild. Zoomquilt öffnen

Experimente und Ideenspiele

Quick, Draw!

Quick, Draw! vom Google Creative Lab gibt dir ein Wort und ein paar Sekunden, um es zu zeichnen, während ein neuronales Netz zu erraten versucht, was du zeichnest. Es ist ein Spiel, aber auch eine Vorführung, wie ein Modell aus Beispielen lernt. Die Website sagt es offen: Deine Zeichnungen kommen in einen öffentlichen Datensatz, die größte Sammlung von Kritzeleien der Welt, also zeichne mit diesem Wissen.

Probier zuerst: Öffne nach einer Runde den Datensatz und sieh dir ein paar Hundert Katzen von Fremden nebeneinander an. Es ist eine kleine Lektion darüber, wie unterschiedlich sich Menschen dieselbe Sache vorstellen. Quick, Draw! öffnen

The Evolution of Trust

The Evolution of Trust von Nicky Case (Juli 2017) ist ein interaktiver Leitfaden zur Spieltheorie, der etwa dreißig Minuten dauert. Du spielst Runden eines einfachen Vertrauensspiels, einer Variante des Gefangenendilemmas, gegen Figuren mit unterschiedlichen Strategien und lässt dann Turniere zwischen ganzen Populationen von ihnen laufen. Es stützt sich auf Robert Axelrods The Evolution of Cooperation (1984). Die Interaktion ist das Argument: Du verstehst, warum Kooperation überleben kann, weil du gerade versucht hast, ohne sie zu überleben.

Es gibt viele Übersetzungen von Fans, darunter Spanisch, Französisch, Deutsch, Italienisch und brasilianisches Portugiesisch, verlinkt auf der ersten Seite.

Probier zuerst: Spiel die ersten Runden ehrlich, dann verrate einmal und sieh, was passiert. Ideal für: Studierende, Lehrkräfte und alle, die gern verstehen, wie Dinge funktionieren. Von Nicky Case · The Evolution of Trust öffnen

Pointer Pointer

Pointer Pointer (2012) vom Amsterdamer Studio Moniker (Jonathan Puckey, Luna Maurer und Roel Wouters) hat eine einzige Regel: Beweg deinen Cursor und halte ihn dann still. Nach einem Moment erscheint ein Foto eines echten Menschen, der genau auf ihn zeigt. Es braucht einen Zeiger, der ruhen kann, ohne zu klicken, also Maus oder Trackpad; auf einem Touchscreen gibt es nichts stillzuhalten.

Es dauert eine Minute und ist auch beim zehnten Versuch noch witzig, weil das Archiv zeigender Menschen unmöglich groß wirkt. Es ist zugleich eine hübsche Idee über Aufmerksamkeit: Die Website reagiert nur, wenn du innehältst.

Probier zuerst: Setz den Cursor an eine unbequeme Stelle, etwa in eine Ecke. Pointer Pointer öffnen

Wenn der Körper der Controller ist

Eine kleinere Gruppe von Websites verlangt mehr als eine Maus: deine Arme, dein Gesicht oder deine Hände, über die Kamera. Zwei der bekanntesten kamen 2018 von Google. Mit Semi-Conductor konntest du ein Orchester dirigieren, indem du vor der Webcam die Arme bewegtest, und Move Mirror ordnete deiner Haltung Fotos von Menschen in derselben Pose zu. Beide sind inzwischen als nicht mehr aktiv gekennzeichnet und werden deshalb hier nicht empfohlen, aber ihre Seiten erklären noch, wie sie funktionierten.

Synfield, das Projekt, zu dem diese Geschichten gehören, ist ein aktuelles Beispiel. Seine Welten reagieren auf eine Maus, einen Finger oder, wenn du die Kamera einschaltest, auf deine Hände. In Liquid Light hinterlässt eine Geste eine Spur, an die sich die Oberfläche eine Weile erinnert.

Bevor du anfängst

Ein paar Gewohnheiten machen jede dieser Websites besser.

1. Lies die eine Zeile Anleitung. Die meisten dieser Websites haben genau eine, und sie nennt meist die Geste, um die das ganze Werk gebaut ist.
2. Entscheide dich beim Ton. Viele sind um Audio herum gebaut. Fang mit geringer Lautstärke an und dreh auf, sobald du weißt, was dich erwartet.
3. Wechsle das Tempo. Die meisten belohnen eine langsame Geste ebenso wie eine schnelle, und manche, wie Pointer Pointer, reagieren nur, wenn du innehältst.
4. Wechsle das Gerät. Ein Werk, das sich mit der Maus wie ein Spielzeug anfühlt, kann sich auf einem Touchscreen wie ein Instrument anfühlen. Paper Planes funktioniert nur auf dem Smartphone richtig.
5. Prüfe, was du teilst. Quick, Draw! bewahrt deine Zeichnungen in einem öffentlichen Datensatz auf; WindowSwap nimmt dein eigenes Fenster an, wenn du eines einsendest. Nichts anderes hier braucht ein Konto.

Was die besten gemeinsam haben

Wenn du auf die sechzehn schaust, zeigt sich ein Muster. Keine verlangt, dass du eine Oberfläche lernst. Jede ist um eine einzige Handlung gebaut, ein Ziehen, eine Taste, ein Scrollen, einen ruhenden Cursor, und steckt ihre Mühe in das, was diese Handlung hervorbringt. Die besten geben dir außerdem etwas, das du allein nicht hättest machen können: einen Chor, das Wetter eines Planeten, den Blick eines fremden Menschen, eine Symmetrie, die du von Hand nie zeichnen würdest.

Wenn du den Hintergrund dieser Erlebnisse kennenlernen willst, verfolgt der Leitfaden Was ist interaktive Kunst? die Idee eines Werks, das auf sein Publikum antwortet, von frühen kinetischen Arbeiten bis zum Browser. Wenn du neugierig bist, warum Silk oder ein Schwarm aus Punkten jedes Mal etwas Neues hervorbringen kann, schaut interaktive generative Kunst auf die Systeme darunter.