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.

Three.js Renderers (WebGL and WebGPU) is one of 6 APIs that Three.js publishes on the APIs.io network.

Tagged areas include 3D, Graphics, Rendering, WebGL, and WebGPU. The published artifact set on APIs.io includes API documentation.

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.