Gratis-Download

Live Water On Your Website

Ein kostenloser Guide mit Starter für Clearwater, das Open-Source-Projekt von Aurélien (Lumaris), das fotorealistisches, interaktives Wasser in einer einzigen HTML-Datei zeichnet, mit WebGL2 und ohne Bibliotheken. In 30 Sekunden starten, mit einem fertigen One-Page-Starter hinter deine Überschrift legen (erst ein Standbild, Prüfung auf reduzierte Bewegung und WebGL2, entlädt sich außerhalb des Bildschirms), den Look über ein paar Konstanten ändern, vier Prompts für Claude Code und der ehrliche Haken.

Der Download startet sofort, der Link kommt auch per Mail.

Ohne Newsletter-Haken bekommst du genau eine Mail mit deinem Link, die Adresse wird nach 7 Tagen gelöscht.

Was drin ist
  • starter/ Eine One-Page-Seite mit dem Live-Wasser als Hero: erst ein Standbild, Einblenden, entlädt sich außerhalb des Bildschirms.
  • Clearwater (MIT) Eine unveränderte Kopie des Wassers mit seiner Lizenz, bereit zum Einbinden.
  • Change the look Die Konstanten für Sonne, Wellen, Tiefe und Farbe und wie du sie sicher änderst.
  • Keep it fast Fallbacks, Lazy Loading und was es auf Smartphones und alten Laptops kostet.
  • PROMPTS.md Vier Prompts: in deine Seite einbauen, eine neue Stimmung, ruhiger für Text, ein Performance-Schalter.
  • Honest catch Eine Demo-Datei, keine Bibliothek: eine Szene, GPU-Kosten, lokale Wellen.

Ein aktueller Browser mit WebGL2 (Chrome, Safari, Firefox oder Edge am Desktop, die meisten aktuellen Smartphones). Keine Installation, kein Build-Schritt. Claude Code nur für die optionalen Prompts. Der Guide ist auf Englisch.

Fabian Faraz Farid · Impressum · Datenschutz