Skip to content

@bloopjs/toodle


@bloopjs/toodle / backends/IRenderBackend / IRenderBackend

Interface: IRenderBackend

Defined in: backends/IRenderBackend.ts:39

The render backend interface abstracts WebGPU and WebGL differences.

Implementations handle GPU-specific operations like texture management, shader creation, and frame lifecycle.

Properties

atlasSize

readonly atlasSize: Size

Defined in: backends/IRenderBackend.ts:47

Size of the default texture atlas


defaultAtlasId

readonly defaultAtlasId: string

Defined in: backends/IRenderBackend.ts:50

Default atlas ID (always "default")


limits

readonly limits: object

Defined in: backends/IRenderBackend.ts:44

Engine limits (texture size, instance count, etc.)

instanceBufferFields

instanceBufferFields: number

Maximum number of instance buffer fields - 16 minus the vertex locations used by the engine

instanceBufferSize

instanceBufferSize: number

Maximum size of instance buffer

instanceCount

instanceCount: number

Maximum number of rendered instances in the scene per frame

maxTextLength

maxTextLength: number = 256

Maximum length of a single piece of text

shaderCount

shaderCount: number = 32

Maximum number of vfx shaders

textureArrayLayers

textureArrayLayers: number = 64

Maximum number of layers in a texture array

textureSize

textureSize: number

Maximum dimensions of a single texture

uniformBufferSize

uniformBufferSize: number

Maximum size of uniforms buffer

zIndex

zIndex: number = 32

Maximum number of unique z-indexes in the scene


type

readonly type: BackendType

Defined in: backends/IRenderBackend.ts:41

The type of backend ("webgpu" or "webgl2")

Methods

createQuadShader()

createQuadShader(opts): IBackendShader

Defined in: backends/IRenderBackend.ts:107

Create a quad shader for instanced rendering.

Parameters

opts

QuadShaderCreationOpts

Returns

IBackendShader


createTextureAtlas()

createTextureAtlas(id, options?): ITextureAtlas

Defined in: backends/IRenderBackend.ts:89

Create a new texture atlas.

Parameters

id

string

Unique identifier for this atlas

options?

TextureAtlasOptions

Atlas configuration (format, layers, size)

Returns

ITextureAtlas


destroy()

destroy(): void

Defined in: backends/IRenderBackend.ts:117

Clean up GPU resources.

Returns

void


destroyTextureAtlas()

destroyTextureAtlas(id): void

Defined in: backends/IRenderBackend.ts:102

Destroy a texture atlas and free GPU resources.

Parameters

id

string

Atlas identifier

Returns

void


endFrame()

endFrame(): void

Defined in: backends/IRenderBackend.ts:64

End the current frame and submit to GPU. WebGPU: Ends render pass and submits command buffer WebGL: Flushes pending operations

Returns

void


getTextureAtlas()

getTextureAtlas(id?): null | ITextureAtlas

Defined in: backends/IRenderBackend.ts:96

Get a texture atlas by ID.

Parameters

id?

string

Atlas identifier or defaults to "default"

Returns

null | ITextureAtlas

The atlas, or null if not found


resize()

resize(width, height): void

Defined in: backends/IRenderBackend.ts:112

Handle canvas resize.

Parameters

width

number

height

number

Returns

void


startFrame()

startFrame(clearColor, loadOp): void

Defined in: backends/IRenderBackend.ts:57

Begin a new frame. WebGPU: Creates command encoder and render pass WebGL: Clears the canvas if loadOp is "clear"

Parameters

clearColor

Color

loadOp

"load" | "clear"

Returns

void


updateEngineUniform()

updateEngineUniform(uniform): void

Defined in: backends/IRenderBackend.ts:70

Update engine uniforms (view-projection matrix, resolution). Called once per frame before shader processing.

Parameters

uniform

EngineUniform

Returns

void


uploadAtlas()

uploadAtlas(atlas, layerIndex, atlasId?): Promise<void>

Defined in: backends/IRenderBackend.ts:78

Upload a CPU texture atlas to a GPU texture array layer.

Parameters

atlas

CpuTextureAtlas

The CPU-side atlas data to upload

layerIndex

number

Which layer in the texture array to upload to

atlasId?

string

Which atlas to upload to (default: "default")

Returns

Promise<void>