Class: Renderer
Defined in: core/Renderer.ts:33
Three.js WebGLRenderer wrapper for manimweb. Handles canvas creation, rendering, and lifecycle management.
Constructors
Constructor
new Renderer(
container,options):Renderer
Defined in: core/Renderer.ts:48
Create a new Renderer and append it to the container.
Parameters
container
HTMLElement
DOM element to append the canvas to
options
RendererOptions = {}
Renderer configuration options
Returns
Renderer
Accessors
backgroundColor
Get Signature
get backgroundColor():
Color
Defined in: core/Renderer.ts:127
Get the background color.
Returns
Color
Set Signature
set backgroundColor(
color):void
Defined in: core/Renderer.ts:134
Set the background color.
Parameters
color
string | Color
Returns
void
backgroundOpacity
Get Signature
get backgroundOpacity():
number
Defined in: core/Renderer.ts:142
Get the background opacity (0 = fully transparent, 1 = fully opaque).
Returns
number
Set Signature
set backgroundOpacity(
value):void
Defined in: core/Renderer.ts:150
Set the background opacity (0 = fully transparent, 1 = fully opaque). Only effective if the scene was created with backgroundOpacity < 1 or alpha enabled.
Parameters
value
number
Returns
void
height
Get Signature
get height():
number
Defined in: core/Renderer.ts:120
Get the current height.
Returns
number
isContextLost
Get Signature
get isContextLost():
boolean
Defined in: core/Renderer.ts:106
Whether the WebGL context is currently lost.
Returns
boolean
width
Get Signature
get width():
number
Defined in: core/Renderer.ts:113
Get the current width.
Returns
number
Methods
dispose()
dispose():
void
Defined in: core/Renderer.ts:203
Clean up resources. Removes canvas from DOM and disposes WebGL resources.
Returns
void
getCanvas()
getCanvas():
HTMLCanvasElement
Defined in: core/Renderer.ts:187
Get the underlying canvas element.
Returns
HTMLCanvasElement
The HTMLCanvasElement used for rendering
getThreeRenderer()
getThreeRenderer():
WebGLRenderer
Defined in: core/Renderer.ts:195
Get the underlying Three.js WebGLRenderer.
Returns
WebGLRenderer
The WebGLRenderer instance
render()
render(
scene,camera):void
Defined in: core/Renderer.ts:167
Render a frame.
Parameters
scene
Scene
Three.js scene to render
camera
Camera
Three.js camera to use
Returns
void
resize()
resize(
width,height):void
Defined in: core/Renderer.ts:177
Handle resize events.
Parameters
width
number
New width in pixels
height
number
New height in pixels
Returns
void