three-gpu-pathtracer: Physikbasiertes Path Tracing für Three.js

Repositorygkjohnson/three-gpu-pathtracerTool

three-gpu-pathtracer erweitert Three.js um einen GPU-beschleunigten Path-Tracing-Renderer basierend auf WebGPU-Compute-Shadern und BVH-Datenstrukturen. Das Tool ermöglicht fotorealistisches Rendering direkt im Webbrowser. Es richtet sich an 3D-Webentwickler und Visualisierungs-Teams mit hohen Ansprüchen an Beleuchtungsqualität.

Das Wichtigste

  1. Kombiniert Three.js mit three-mesh-bvh und WebGPU-Compute-Shadern für hardwarebeschleunigtes Path Tracing.
  2. Unterstützt anspruchsvolle Features wie Tiefenschärfe, Area- und Spotlights, Denoising, Upscaling sowie HDR-Umgebungen.
  3. Erlaubt das Rendern von glTF-Modellen, Equirectangular-Innenräumen und Bildsequenzen für Video-Export.
  4. Wird unter freier MIT-Lizenz auf GitHub gepflegt und zählt knapp 2.000 Sterne.

Warum das relevant ist

Klassisches Raster-Rendering im Browser stößt bei komplexer Lichtbrechung und globaler Beleuchtung an Grenzen. Dieses Tool bringt hochpräzises, physikbasiertes Rendering ohne native Plugins direkt ins Web.

Einordnung

Das Projekt three-gpu-pathtracer von Garrett Johnson schließt die Lücke zwischen Standard-WebGL-Rasterung und physikalisch akkuratem Offline-Rendering im Browser. Standard-Three.js-Pipelines nutzen klassisches Rasterizing, das globale Illumination, weiche Flächenschatten und realistische Reflexionen nur approximiert. Durch den Einsatz von Bounding Volume Hierarchies (über three-mesh-bvh) und modernen WebGPU-Compute-Shadern realisiert die Bibliothek hardwarebeschleunigtes Monte-Carlo-Path-Tracing direkt auf der Grafikkarte des Nutzers. Zu den integrierten Funktionen gehören Area Lights, Spot Lights, Depth of Field, HDR-Beleuchtung sowie integriertes Denoising und Upscaling, um Rauschen schnell zu reduzieren. Trotz der hohen Berechnungsanforderungen, die performante Client-Hardware und WebGPU-Support erfordern, zeigt das Projekt einen hohen Reifegrad mit umfassenden Beispielen, glTF-Unterstützung und Video-Rendering-Funktionen.

Gefunden in

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

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

  • Repository:pmndrs/postprocessing

    postprocessing: Post-Processing-Bibliothek für Three.js

    postprocessing ist eine JavaScript-Bibliothek von Poimandres, die Three.js um modulare Post-Processing-Passes und Effekte erweitert. Sie bietet Render-Pipelines für Vollbildeffekte wie Bloom und optimiertes Farbmanagement für WebGL-Entwickler.

    2920SterneJavaScript

    Webentwicklung· Tool

  • Repository:img2threejs/img2threejs

    img2threejs: Bild-zu-3D-Rekonstruktion als prozeduraler Three.js-Code

    img2threejs rekonstruiert Objekte aus Referenzbildern als prozeduralen, animationsbereiten Three.js-Code. Statt Fotogrammetrie oder Mesh-Extraktion setzt das Projekt auf token-effiziente Code-Generierung.

    15.104SternePython

    KI & AI· Tool

  • Repository:MengTo/threeui

    ThreeUI Community: Interaktive 3D- und WebGL-Komponenten für React

    ThreeUI Community ist eine quelloffene Komponentenbibliothek und ein interaktiver Katalog für 3D- und Shader-gestützte UI-Elemente in React. Das Projekt stammt von Meng To (DesignCode) und stellt den vollständigen Quellcode der kostenlosen Community-Komponenten ohne Login-Zwang bereit.

    5151SterneHTML

    Webentwicklung· Tool

  • Repository:ashemag/human-atlas

    Human Atlas: Open-Source-3D-Anatomie-Explorer im Web

    Human Atlas ist ein interaktiver 3D-Anatomie-Explorer im Browser, der auf React, Three.js und shadcn/ui basiert. Das Projekt zerlegt den Datensatz BodyParts3D in 2.234 einzeln wählbare Meshes, deckt 15 anatomische Systeme ab und ermöglicht Explosionsansichten sowie gezielte Suchen.

    2872SterneTypeScript

    Webentwicklung· Tool

  • Repository:Alchemist0823/three.quarks

    three.quarks: Partikelsystem und VFX-Engine für Three.js

    three.quarks ist eine in TypeScript geschriebene Partikel- und VFX-Bibliothek für Three.js. Sie minimiert Draw-Calls durch Batch-Rendering, bietet einen visuellen Web-Editor und unterstützt den Import aus Unitys Shuriken-System. Das Tool richtet sich an WebGL- und Spieleentwickler im Browser.

    1150SterneTypeScript

    Webentwicklung· Tool

Sprechen wir über Ihr Projekt.

Standorte

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

Ein Teil von diesem Inhalt wurde mit KI gemacht.