Synesthesia: Interaktive Echtzeit-Fluidsimulation mit Audio im Browser

LinkDemo

Synesthesia ist eine browserbasierte Echtzeit-Fluidsimulation mit integrierter Audiokomponente. Die interaktive WebGL-2-Anwendung reagiert auf Berührungen und Tastatureingaben.

Das Wichtigste

  1. Echtzeit-Fluidsimulation wird direkt über die Grafikkarte gerendert.
  2. Voraussetzung ist ein moderner Webbrowser (Chrome, Firefox, Safari oder Edge) mit WebGL-2-Unterstützung und aktivierter Hardwarebeschleunigung.
  3. Interaktionen umfassen Malen per Ziehen, Impulse per Fingertipp sowie Tastaturkürzel für Sound, Musik, Farbpaletten und Vollbildmodus.

Warum das relevant ist

Die Demo veranschaulicht das Potenzial von WebGL 2 für rechenintensive Grafikeffekte und interaktive audiovisuelle Erlebnisse direkt im Webbrowser ohne zusätzliche Plugins.

Einordnung

Das Projekt demonstriert den Stand moderner browserbasierter Grafikprogrammierung. Durch die direkte Verlagerung der Physik- und Renderberechnungen auf die GPU können auch komplexe visuelle Simulationen nahtlos mit Klangelementen im Web kombiniert werden.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Link:komputermechanic.com

    Orbit: Interaktive Web-Demo für ein Spatial-Computing-System

    Die Webpräsentation stellt das Konzept des „Orbit Spatial System“ vor. Unter dem Slogan „Less screen. More world.“ demonstriert die Website ein Hardware- und Softwarekonzept für immersive Raum- und Displaytechnologien mit interaktiven 3D-Elementen.

    Webentwicklung· Demo

  • X-Post:Houdayfa

    Interaktiver Editor für Liquid Orbs und Glaseffekte

    Houdayfa stellt ein webbasiertes Tool vor, mit dem sich flüssige, glasartige Orbs mit individuellen Farben, Formen und visuellen Effekten direkt im Browser gestalten lassen.

    616Lesezeichen28.426Aufrufe

    Webentwicklung· Tool

  • Repository:MengTo/seijaku

    Seijaku: Interaktiver 3D-Rundgang durch ein Kyoto-Anwesen mit Three.js

    Seijaku ist eine interaktive Web-Demo von Meng To, die einen nahtlosen, scrollbasierten Rundgang durch ein virtuelles traditionelles Kyoto-Haus bietet. Die Anwendung kombiniert prozedurale 3D-Architektur, Web Audio und interaktive Materialstudien ohne separaten Build-Schritt.

    32SterneHTML

    Webentwicklung· Demo

  • X-Post:Mia

    Claude Fable 5.1 erzeugt Single-File-HTML mit Audio per One-Shot

    Mia (@MiaAI_lab) demonstrierte ein Experiment mit Claude Fable 5.1 unter Nutzung der Claude Code CLI im Modus 'high effort'. Das Modell erstellte in einem einzigen Durchlauf eine eigenständige HTML-Datei inklusive Sound, die optisch beeindrucken soll. In den Kommentaren wurde diskutiert, ob das Modell existierende Repositories für Fluidsimulationen reproduziert hat.

    142Lesezeichen17.407Aufrufe

    KI & AI· Demo

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.