PixiJS

Class: CanvasPrepare

PIXI.CanvasPrepare

The prepare manager provides functionality to upload content to the GPU.

This cannot be done directly for Canvas like in WebGL, but the effect can be achieved by drawing textures to an offline canvas. This draw call will force the texture to be moved onto the GPU.

An instance of this class is automatically created by default, and can be found at renderer.plugins.prepare

new PIXI.CanvasPrepare (renderer) overrides

CanvasPrepare.ts:75
Name Type Description
renderer PIXI.CanvasRenderer

A reference to the current renderer

Extends

Implements

Members

canvas HTMLCanvasElement

An offline canvas to render textures to

ctx CanvasRenderingContext2D

The context to the canvas

Methods

destroy () void overrides

CanvasPrepare.ts:95

Destroys the plugin, don't use after this

Inherited Properties

From class PIXI.BasePrepare

addHooks Array<Function> inherited

Collection of additional hooks for finding assets.

completes Array<Function> inherited

Callback to call after completed.

ticking boolean inherited

If prepare is ticking (running).

uploadHooks Array<Function> inherited

Collection of additional hooks for processing assets.

queue Array<any> protected inherited

Collection of items to uploads at once.

renderer PIXI.IRenderer protected inherited

Reference to the renderer.

uploadHookHelper any protected inherited

The only real difference between CanvasPrepare and Prepare is what they pass to upload hooks. That different parameter is stored here.

Inherited Methods

From class PIXI.BasePrepare

add (item) this inherited

BasePrepare.ts:443

Manually add an item to the uploading queue.

Name Type Description
item PIXI.DisplayObject | PIXI.Container | PIXI.BaseTexture | PIXI.Texture | PIXI.Graphics | PIXI.Text | unknown

Object to add to the queue
Returns:
Type Description
this Instance of plugin for chaining.

registerFindHook (addHook) this inherited

BasePrepare.ts:411

Adds hooks for finding items.

Name Type Description
addHook Function

Function call that takes two parameters: item:*, queue:Array function must return true if it was able to add item to the queue.
Returns:
Type Description
this Instance of plugin for chaining.

registerUploadHook (uploadHook) this inherited

BasePrepare.ts:427

Adds hooks for uploading items.

Name Type Description
uploadHook Function

Function call that takes two parameters: prepare:CanvasPrepare, item:* and function must return true if it was able to handle upload of item.
Returns:
Type Description
this Instance of plugin for chaining.

upload (item) Promise<void> inherited

BasePrepare.ts:312

Upload all the textures and graphics to the GPU.

Name Type Attributes Description
item PIXI.DisplayObject | PIXI.Container | PIXI.BaseTexture | PIXI.Texture | PIXI.Graphics | PIXI.Text <optional>

Container or display object to search for items to upload or the items to upload themselves, or optionally ommitted, if items have been added using prepare.add.
Returns:
Type Description
Promise<void>