three-gpu-pathtracer: GPU-Accelerated Path Tracing for Three.js

Repositorygkjohnson/three-gpu-pathtracerTool

three-gpu-pathtracer is a renderer and utility library that adds GPU-accelerated path tracing to Three.js using WebGPU compute shaders and BVH structures. It brings physically based rendering and realistic lighting directly to web browsers. It helps 3D front-end developers create high-fidelity interactive graphics.

Key points

  1. Leverages three-mesh-bvh acceleration structures and WebGPU compute shaders for fast GPU path tracing.
  2. Provides advanced rendering features including area and spot lights, depth of field, denoising, and HDR.
  3. Supports standard glTF assets, equirectangular interior rendering, and frame sequences for video export.
  4. Open-source under the MIT licence with active maintenance and nearly 2,000 GitHub stars.

Why it matters

Real-time rasterisation in browsers often struggles with accurate global illumination, caustics, and soft shadows. This library delivers physically grounded ray-traced visuals directly within web applications.

Analysis

Created by Garrett Johnson, three-gpu-pathtracer addresses the fidelity limitations of traditional browser rasterisers. While standard Three.js render pipelines approximate light bounces and ambient shadows, path tracing calculates light transport physically by simulating ray paths. The library relies on three-mesh-bvh to build spatial hierarchy trees for fast ray-triangle intersections, executing calculations via modern WebGPU compute shaders. Feature coverage is comprehensive: it offers area lights, spot lights, equirectangular camera projection, depth of field, as well as denoising and upscaling passes to mitigate visual noise. Though path tracing remains computationally heavy and hinges on client-side WebGPU support, the project demonstrates strong maturity through robust demos, glTF integration, and consistent automated testing.

Found in

Summary generated by AI (Gemini 3.8 Flash, 1 November 2026). It may contain errors – the original source is authoritative.

Similar in content, found by the AI search.

  • Repository:pmndrs/postprocessing

    postprocessing: Post-Processing Library for Three.js

    postprocessing is a JavaScript library by Poimandres that extends Three.js with modular post-processing passes and effects. It provides rendering pipelines for fullscreen effects like bloom alongside color space handling for WebGL developers.

    2.9kstarsJavaScript

    Web development· Tool

  • Repository:img2threejs/img2threejs

    img2threejs: Procedural Code-Only Image-to-3D for Three.js

    img2threejs turns reference images into procedural, animation-ready Three.js models generated purely as code, avoiding traditional mesh extraction or photogrammetry.

    15.1kstarsPython

    AI & LLMs· Tool

  • Repository:MengTo/threeui

    ThreeUI Community: Interactive 3D and WebGL Components for React

    ThreeUI Community is an open-source component library and interactive catalogue providing 3D and shader-based UI elements for React. Maintained by Meng To (DesignCode), it delivers the complete source code for all free community components without requiring an account.

    5.2kstarsHTML

    Web development· Tool

  • Repository:ashemag/human-atlas

    Human Atlas: Open-Source 3D Anatomy Explorer in the Browser

    Human Atlas is an open-source, interactive 3D anatomy explorer built with React, Three.js, and shadcn/ui. It breaks down the BodyParts3D reference model into 2,234 selectable meshes across 15 anatomical systems, offering search, layer toggles, and exploded views.

    2.9kstarsTypeScript

    Web development· Tool

  • Repository:Alchemist0823/three.quarks

    three.quarks: Particle System and VFX Engine for Three.js

    three.quarks is a TypeScript-based particle system and VFX library for Three.js. It minimizes draw calls via batch rendering, offers a visual web editor, and supports importing from Unity's Shuriken system. It helps WebGL and browser game developers create high-performance visual effects.

    1.2kstarsTypeScript

    Web development· Tool

Let's talk about your project

Locations

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

Parts of this content were created with the assistance of AI.