Three.js Renderers (WebGL and WebGPU)

WebGLRenderer (default, ships in the main bundle) and the newer WebGPURenderer (under `three/webgpu`) draw the scene graph to a canvas. The Node Material System (TSL — Three.js Shading Language) provides a unified node-based authoring model that compiles to GLSL for WebGL and WGSL for WebGPU, plus addon SVG and CSS3D renderers for non-raster output.

API entry from apis.yml

apis.yml Raw ↑
aid: threejs:threejs-renderers
name: Three.js Renderers (WebGL and WebGPU)
tags:
- 3D
- Graphics
- Rendering
- WebGL
- WebGPU
humanURL: https://threejs.org/docs/#api/en/renderers/WebGLRenderer
properties:
- url: https://threejs.org/docs/#api/en/renderers/WebGLRenderer
  type: Documentation
- url: https://threejs.org/docs/#api/en/renderers/WebGPURenderer
  type: Documentation
- url: https://github.com/mrdoob/three.js/tree/dev/src/renderers
  type: SourceCode
description: WebGLRenderer (default, ships in the main bundle) and the newer WebGPURenderer (under `three/webgpu`)
  draw the scene graph to a canvas. The Node Material System (TSL — Three.js Shading Language) provides
  a unified node-based authoring model that compiles to GLSL for WebGL and WGSL for WebGPU, plus addon
  SVG and CSS3D renderers for non-raster output.