Archiv
2026 · Mar·demo·web-app·live

3D Playground

Interaktive Sandbox für Three.js- und React-Three-Fiber-Experimente. Kamera-Rigs, Shader, Post-Processing. alles in einem Repo.

Impact

Techniken werden hier durchgespielt, bevor sie in einen Kunden-Build wandern. Öffentlich, jeder kann sich ein Rezept abholen.

Tech-Stack
ReactTypeScriptThree.jsReact Three Fiber

Eine interaktive Sandbox für Three.js- und React-Three-Fiber-Experimente. Kamera-Rigs, Shader-Effekte, Post-Processing-Pipelines, Geometrie-Generatoren. alles in einem Repo.

Überblick

Echtes 3D-Arbeiten braucht schnelle Feedback-Loops. Das ist das Labor. Jede Technik wird hier durchgespielt, bevor sie in ein Kundenprojekt wandert. Das Repo ist offen, jeder im WebGL-Umfeld kann sich ein Rezept abholen.

Was es kann

  • Free-Camera-Szenen-Browser mit Resets und Presets
  • Shader-Playground mit Live-Editor
  • Post-Processing-Rack mit umschaltbaren Effekten
  • Geometrie- und Material-Generatoren
  • Vergleichsansicht nebeneinander

Highlights

  • Jede Technik hier wurde vorher in einem echten Kunden-Build genutzt
  • Ein Repo, ein Deploy-Target. fork und ausprobieren
  • Mobile-Aware Fallbacks, wo WebGPU fehlt

Etwas Ähnliches bauen?

Weitere Arbeiten

Chat Analyzer Pro cover
DemoLive
2025

Chat Analyzer Pro

Privacy-first Chat-Statistiken. Export von WhatsApp, Messenger, Instagram, Telegram oder Discord rein. jedes Byte bleibt im Browser.

Next.jsReactTypeScriptD3
Business Metrics Dashboard cover
DemoLive
2025

Business Metrics Dashboard

Analytics-Dashboard-Template. KPI-Tracking, Revenue-Waterfall, Cohort-Retention, Conversion-Funnel und Customer LTV.

Next.jsReactTypeScriptRecharts
SVP Root cover
ClientLive
2026

SVP Root

Eigenständige WordPress-Seite für eine Schweizer Ortssektion. Eigenes Branding auf Divi-Basis, redaktionelles Layout, leicht zu pflegen.

WordPressPHPDivi