PixiJS API Documentation

Class: Application

PIXI.Application

Convenience class to create a new PIXI application. This class automatically creates the renderer, ticker and root container.

new PIXI.Application (options)

Application.js:26

Name Type Description

options

object

optional

The optional renderer parameters

Name	Type	Default	Description
`autoStart`	boolean	true	optional automatically starts the rendering after the construction. Note that setting this parameter to false does NOT stop the shared ticker even if you set options.sharedTicker to true in case that it is already started. Stop it by your own.
`width`	number	800	optional the width of the renderers view
`height`	number	600	optional the height of the renderers view
`view`	HTMLCanvasElement		optional the canvas to use as a view, optional
`transparent`	boolean	false	optional If the render view is transparent, default false
`antialias`	boolean	false	optional sets antialias (only applicable in chrome at the moment)
`preserveDrawingBuffer`	boolean	false	optional enables drawing buffer preservation, enable this if you need to call toDataUrl on the webgl context
`resolution`	number	1	optional The resolution / device pixel ratio of the renderer, retina would be 2
`forceCanvas`	boolean	false	optional prevents selection of WebGL renderer, even if such is present
`backgroundColor`	number	0x000000	optional The background color of the rendered area (shown if not transparent).
`clearBeforeRender`	boolean	true	optional This sets if the renderer will clear the canvas or not before the new render pass.
`roundPixels`	boolean	false	optional If true PixiJS will Math.floor() x/y values when rendering, stopping pixel interpolation.
`forceFXAA`	boolean	false	optional forces FXAA antialiasing to be used over native. FXAA is faster, but may not always look as great webgl only
`powerPreference`	string		optional Parameter passed to webgl context, set to "high-performance" for devices with dual graphics card webgl only
`sharedTicker`	boolean	false	optional `true` to use PIXI.Ticker.shared, `false` to create new ticker.
`sharedLoader`	boolean	false	optional `true` to use PIXI.Loaders.shared, `false` to create new Loader.

Example

// Create the application
const app = new PIXI.Application();

// Add the view to the DOM
document.body.appendChild(app.view);

// ex, add display objects
app.stage.addChild(PIXI.Sprite.fromImage('something.png'));