Renderer

new Renderer({ width?, height?, canvas?, pixelRatio? })
THREE: THREE.WebGLRenderer

Canvas2D software renderer. Runs the full pipeline each frame: clear, scene traversal, fog cull, painter sort, light bake, rasterize, and framebuffer upload.

Differs from THREE.js

Canvas2D software renderer, not WebGL. Constructor takes an options object. setClearColor takes separate r/g/b, not a Color.

Properties

NameTypeDescription
domElement

HTMLCanvasElement|undefined

The managed canvas element (read-only).

width

number

Framebuffer width in pixels. Default 300.

height

number

Framebuffer height in pixels. Default 150.

pixelRatio

number

Device pixel ratio. Default 1.

Methods

MethodDescription
render(scene: Scene, camera: Camera): void

Runs the full rendering pipeline and uploads the result to the canvas.

setSize(width: number, height: number): void

Resizes the canvas and internal framebuffer.

setPixelRatio(ratio: number): void

Updates the device pixel ratio.

setClearColor(color: Color | number) | setClearColor(r: number, g: number, b: number): void

Sets the background clear color. Accepts a Color instance, hex number, or three r/g/b integers. Overridden by fog color when the scene has fog.

dispose(): void

Releases internal resources.