Darstellung
Sprache
Deutsch English

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