Alle Projekte

Web · Next.js 15 · Self-Hosted

Dieses Portfolio — interaktive Website

Dieses Portfolio — interaktive Website

Die Seite, auf der Sie gerade sind: vier selbst entwickelte 2D-Canvas-Minispiele mit eigener Physik-Simulation, Element-Theming und Dark Mode — per CI/CD-Pipeline auf einen selbst gehärteten Server deployt (Docker, Caddy, GitHub Actions).

Die vier Minispiele — Feuer, Wasser, Wind und Erde — laufen komplett auf 2D-Canvas mit selbst geschriebener Physik: eine Wellengleichung mit Refraktion im Wasserspiel, Feuerausbreitung mit Wind im Feuerspiel, ein Thermik-Gleiter im Windspiel und Strahlenoptik mit Snellius-Brechung im Kristall-Puzzle.

Das Element-Theming zieht sich durch die ganze Seite: vier Farbwelten plus Hell-/Dunkelmodus, umgesetzt über CSS-Variablen und einen generativen Canvas-Hintergrund, der beim Themenwechsel weich umfärbt.

Betrieb in Eigenregie: GitHub Actions baut bei jedem Push ein Docker-Image, das automatisch auf einen selbst eingerichteten Server mit Caddy als Reverse-Proxy deployt wird.

Next.js 15React 19TypeScriptCanvas 2DDockerCI/CD