Showcase

Was im Browser möglich ist.

Technische Experimente aus unserem Labor: Simulationen und Grafik, die live in Ihrem Browser laufen. Jede Demo zeigt, was sich heute im Web bauen lässt.

Showcase 01 · Reaction-Diffusion

Wachstum

Die Marke wächst wie Korallen aus wenigen Keimen. Malen Sie neue Keime, das Gewebe wächst live weiter.
WebGL 2
Showcase 02 · Physik

Stoff

Ein Banner mit der Moralo-Marke weht als echtes Tuch im Wind. Greifen, ziehen, werfen und bei zu viel Kraft zerreißen.
WebGL 2 · Verlet
Showcase 03 · Fluidsimulation

Tinte

Rühren Sie Tinte in Markenfarben durch eine Glasschale. Hinter der Wortmarke lösen sich Wirbel, allein aus der Physik.
WebGL 2
Showcase 04 · Falling Sand

Zerfall

Eine echte Webseite zerfällt Pixel für Pixel zu Sand, der zu Dünen rieselt. Auf Knopfdruck fliegt jedes Korn an seinen Platz zurück.
WebGL 2
Showcase 05 · Neuronales Netz

Lernt live

Ein neuronales Netz lernt in Sekunden, die Marke zu zeichnen – trainiert live auf Ihrer Grafikkarte. Malen Sie hinein, und es lernt mit.
WebGL 2 · ML
Showcase 06 · Raymarching

Frozen Glass

Das Glas des Design-Systems als echtes 3D-Objekt: Formen verschmelzen ineinander, das Licht bricht sich mit Regenbogenrändern.
WebGL 2
Showcase 07 · Schwarm-Routing

Datenverkehr

100.000 Datenpakete fließen als Schwarm durch ein Netzwerk. Legen Sie einen Knoten lahm, und der Verkehr sucht sich live neue Wege.
WebGL 2
Showcase 08 · Prozedurale Welt

Welt

Ein Flug über eine unendliche Insellandschaft mit Meer, Wolken und Tageszeiten in Markenfarben. Eine ganze Welt in wenigen Kilobyte Code, ohne ein einziges Bild.
WebGL 2
Showcase 09 · Pathtracing

Licht

Die Werk-App auf einem Smartphone, fotorealistisch mit weichen Schatten, Glanz und Tiefenunschärfe. Das Bild wird live im Browser per Pathtracing gerechnet und mit jedem Sample schärfer.
WebGL 2
Showcase 10 · WebGPU

Eine Million

Eine Million Teilchen, die sich alle gegenseitig spüren: Zwei Spiralgalaxien kollidieren und reißen einander lange Gezeitenarme heraus.
WebGPU
Showcase 11 · Orbitalmechanik

Umlaufbahnen

Hunderte Punkte kreisen in Echtzeit auf eigenen Bahnen um ein gemeinsames Zentrum. Innen eilen sie, außen werden sie ruhiger, und das Zentrum folgt dem Mauszeiger.
Canvas 2D
Showcase 12 · Mechanische Miniatur

Das erwachende Königreich

Aus einer flachen Metallkarte klappen Türme, Mauern und Brücken zu einer Miniaturwelt auf. Ein Zahnrad in der Mitte steuert Aufbau, Tempo und Rücklauf.
WebGL 2
Showcase 13 · Drei-Körper-Problem

Drei Sonnen

Eine Welt unter drei Sonnen, die einander chaotisch anziehen. Drei farbige Schatten wandern über den Boden; greifen Sie eine Sonne und verändern Sie den Himmel.
WebGL 2
Showcase 14 · Schattenrätsel

Der leere Thron

Ein leerer Saal, eine Kerze. Bewegen Sie das Licht, bis sich die Schatten von Schwertern und Trümmern zu einem Thron fügen – und wieder zerfallen.
Canvas 2D
Showcase 15 · Kettenreaktion

Raben statt Regler

Ein Kartentisch mit zwölf Festungen und vier Häusern. Ein Rabe wechselt ein Banner, weitere Raben tragen die Folgen durchs Land, bis ein Haus alle Stammsitze hält.
Canvas 2D
Showcase 16 · Drei-Körper-Problem

Anziehung

Drei wandernde Anziehungspunkte ziehen an einer Moralo-Seite. Buchstaben und Flächen lösen sich aus dem Raster, strömen – und finden auf Knopfdruck zurück.
Canvas 2D
Showcase 17 · Zeitspur

Noch einmal

Drei Sonnen, eine aufgezeichnete Zukunft. Gehen Sie zu einem Moment zurück, geben Sie einer Sonne einen anderen Schubs und vergleichen Sie alte und neue Zukunft.
Canvas 2D
Showcase 18 · Chaos

Abweichung

Zwei identische Drei-Körper-Systeme nebeneinander. Schubsen Sie einen Körper um einen Hauch – und sehen Sie zu, wie aus einer Zukunft zwei werden.
Canvas 2D
Showcase 19 · Blockuniversum

Nichts ist vorbei

Ein erfundenes Leben als eine einzige räumliche Form. Kindheit, Begegnung und Abschied liegen als Schichten nebeneinander – eine Schnittebene zeigt einzelne Momente.
Canvas 2D
Showcase 20 · Zeitgefühl

Wie lang war gerade?

Zwei Sequenzen, eine ruhig, eine voller Veränderungen. Schätzen Sie, wie lang sie waren – erst danach zeigt die Uhr, was wirklich verging.
Canvas 2D