Showcase
70 Arbeitsproben
Vom Buchungsmodul für den Betrieb um die Ecke bis zur Fluid-Simulation auf der Grafikkarte. Alles selbst gebaut, alles läuft direkt im Browser.
Bereiche
Für Betriebe
Bausteine, die eine Firmenseite wirklich braucht
- Live-Buchungssystem
- Kosten-Rechner
- Digitale Speisekarte
Neue Seitenkonzepte
Websites, die anders funktionieren als Scrollen
- Skizze wird Angebot
- Der Raum
- Handy als Controller
Web-Apps
Vollwertige Anwendungen im Browser
- Kanban-Board
- Kalender
- Code-Editor / IDE
3D & Grafik
WebGL, Shader und Partikel auf der Grafikkarte
- Orrery — Sonnensystem
- Schwarzes Loch
- WebGL Fluid
Scroll & Kino
Seiten, die sich beim Scrollen erzählen
- Apple Scroll Video #1
- Architectural Blueprint
- U-Bahn Liniennetz
Spiele
Mitspielen statt nur Anschauen
- Trümmergürtel
- Drift — Rennspiel
- Physics Playground
Stilwelten
Eine Seite, zehn Handschriften
- Editorial Magazine
- Marvel Comic Book
- Cyberpunk Tokyo
Guter Einstieg
Sechs, die zeigen, was möglich ist.
Trümmergürtel
Weltraum-Dogfight in 3D: eigene Flug- und Kampfsimulation in festen Schritten, Jäger mit Zustandsautomat und Vorhalt, Kreuzer, alle vier Wellen ein Frachter mit Geschütztürmen. 440 Asteroiden als InstancedMesh, Explosionen komplett im Vertex-Shader, Nebel und Gasplanet prozedural, Bloom, räumlicher Klang und ein Synth-Sequenzer. Maus, Tastatur, Gamepad, Touch.
Skizze wird Angebot
Grundriss mit dem Finger zeichnen, Wände wachsen live als 3D-Modell hoch, Türen und Fenster setzen, Boden und Wandfarbe wählen. Daneben entsteht das Angebot mit Flächen, Mengen und Preisrahmen.
Orrery — Sonnensystem
Skills als mechanisches Sonnensystem: jede Disziplin ein Planet auf seiner Bahn, Technologien als Monde, Projekte im Asteroidengürtel. Klick einen Planeten für Details — Canvas, Echtzeit-Orbits, pseudo-3D.
Live-Buchungssystem
Voll funktionierendes Reservierungs-Modul: Tisch (Restaurant), Zimmer (Hotel) und Termin (Physio) mit Kalender, Echtzeit-Verfügbarkeit und Bestätigungs-Flow.
Liquid Chrome Ferrofluid
Flüssiges Chrom in einem einzigen WebGL2-Fragment-Shader: Metaballs mit Ferrofluid-Spitzen folgen träge der Maus, darüber große Difference-Typo.
Der Raum
Eine gezeichnete Werkstatt füllt den Bildschirm. Jedes Objekt ist eine Sektion: Monitor, Ordner, Telefon, Kalender, Transporter. Klick, die Kamera fährt ran, der Inhalt erscheint im Objekt. Kein Menü.