PixiJS

Namespace: PIXI

PIXI

Classes

AbstractRenderer
AnimatedSprite
Application
Attribute
BaseRenderTexture
BaseTexture
BatchBuffer
BitmapFontLoader
BitmapText
Bounds
Buffer
CanvasMaskManager
CanvasRenderer
CanvasRenderTarget
CanvasTinter
Circle
Container
CountLimiter
CubeTexture
DisplayObject
Ellipse
Filter
FilterManager
FrameBuffer
Geometry
Graphics
GraphicsData
GraphicsRenderer
GroupD8
Loader
LoaderResource
Matrix
Mesh
MeshRenderer
NineSlicePlane
ObjectRenderer
ObservablePoint
ParticleContainer
ParticleRenderer
Plane
Point
Polygon
PrimitiveShader
Program
Quad
QuadUv
RawMesh
Rectangle
Renderer
RenderTexture
Rope
RoundedRectangle
Shader
Sprite
SpriteMaskFilter
Spritesheet
SpritesheetLoader
State
System
Text
TextMetrics
TextStyle
Texture
TextureLoader
TextureMatrix
Ticker
TilingSprite
TilingSpriteRenderer
TimeLimiter
Transform
TransformBase
TransformStatic
UniformGroup
WebGLRenderer

Namespaces

accessibility
extract
extras
filters
interaction
loaders
mesh
prepare
resources
settings
systems
utils

Members

PIXI.BLEND_MODES object staticconstant

Various blend modes supported by PIXI.

IMPORTANT - The WebGL renderer only supports the NORMAL, ADD, MULTIPLY and SCREEN blend modes. Anything else will silently act like NORMAL.

Properties:
Name Type Description
NORMAL number
ADD number
MULTIPLY number
SCREEN number
OVERLAY number
DARKEN number
LIGHTEN number
COLOR_DODGE number
COLOR_BURN number
HARD_LIGHT number
SOFT_LIGHT number
DIFFERENCE number
EXCLUSION number
HUE number
SATURATION number
COLOR number
LUMINOSITY number

PIXI.DATA_URI RegExp | string staticconstant

Regexp for data URI. Based on: https://github.com/ragingwind/data-uri-regex

Example
data:image/png;base64

PIXI.DRAW_MODES object staticconstant

Various webgl draw modes. These can be used to specify which GL drawMode to use under certain situations and renderers.

Properties:
Name Type Description
POINTS number
LINES number
LINE_LOOP number
LINE_STRIP number
TRIANGLES number
TRIANGLE_STRIP number
TRIANGLE_FAN number

PIXI.ENV object staticconstant

Different types of environments for WebGL.

Properties:
Name Type Description
WEBGL_LEGACY number

Used for older v1 WebGL devices. PixiJS will aim to ensure compatibility with older / less advanced devices. If you experiance unexplained flickering prefer this envionment.
WEBGL number

Version 1 of WebGL
WEBGL2 number

Version 2 of WebGL

PIXI.FORMATS object staticconstant

Various GL texture/resources formats.

Properties:
Name Type Default Description
RGBA number 6408
RGB number 6407
ALPHA number 6406
LUMINANCE number 6409
LUMINANCE_ALPHA number 6410
DEPTH_COMPONENT number 6402
DEPTH_STENCIL number 34041

PIXI.GC_MODES object staticconstant

The gc modes that are supported by pixi.

The PIXI.settings.GC_MODE Garbage Collection mode for PixiJS textures is AUTO If set to GC_MODE, the renderer will occasionally check textures usage. If they are not used for a specified period of time they will be removed from the GPU. They will of course be uploaded again when they are required. This is a silent behind the scenes process that should ensure that the GPU does not get filled up.

Handy for mobile devices! This property only affects WebGL.

Properties:
Name Type Description
AUTO number

Garbage collection will happen periodically automatically
MANUAL number

Garbage collection will need to be called manually

PIXI.loader PIXI.Loader Deprecated : since 5.0.0 static

See:

PIXI.PRECISION object staticconstant

Constants that specify float precision in shaders.

Properties:
Name Type Default Description
LOW string 'lowp'
MEDIUM string 'mediump'
HIGH string 'highp'

PIXI.RENDERER_TYPE object staticconstant

Constant to identify the Renderer Type.

Properties:
Name Type Description
UNKNOWN number

Unknown render type.
WEBGL number

WebGL render type.
CANVAS number

Canvas render type.

PIXI.RETINA_PREFIX RegExp staticconstant

The prefix that denotes a URL is for a retina asset.

Default Value:
  • /@([0-9\.]+)x/
Example
`@2x`

PIXI.SCALE_MODES object staticconstant

The scale modes that are supported by pixi.

The PIXI.settings.SCALE_MODE scale mode affects the default scaling mode of future operations. It can be re-assigned to either LINEAR or NEAREST, depending upon suitability.

Properties:
Name Type Description
LINEAR number

Smooth scaling
NEAREST number

Pixelating scaling

PIXI.SHAPES object staticconstant

Constants that identify shapes, mainly to prevent instanceof calls.

Properties:
Name Type Description
POLY number

Polygon
RECT number

Rectangle
CIRC number

Circle
ELIP number

Ellipse
RREC number

Rounded Rectangle

PIXI.SVG_SIZE Deprecated : since 5.0.0 staticconstant

See:
  • PIXI.SVGResource.SVG_SIZE

PIXI.TARGETS object staticconstant

Various GL target types.

Properties:
Name Type Default Description
TEXTURE_2D number 3553
TEXTURE_CUBE_MAP number 34067
TEXTURE_2D_ARRAY number 35866
TEXTURE_CUBE_MAP_POSITIVE_X number 34069
TEXTURE_CUBE_MAP_NEGATIVE_X number 34070
TEXTURE_CUBE_MAP_POSITIVE_Y number 34071
TEXTURE_CUBE_MAP_NEGATIVE_Y number 34072
TEXTURE_CUBE_MAP_POSITIVE_Z number 34073
TEXTURE_CUBE_MAP_NEGATIVE_Z number 34074

PIXI.TEXT_GRADIENT object staticconstant

Constants that define the type of gradient on text.

Properties:
Name Type Description
LINEAR_VERTICAL number

Vertical gradient
LINEAR_HORIZONTAL number

Linear gradient

PIXI.TRANSFORM_MODE object Deprecated : since 5.0.0 staticconstant

Constants that specify the transform type.

Properties:
Name Type Description
STATIC number
DYNAMIC number

PIXI.TYPES object staticconstant

Various GL data format types.

Properties:
Name Type Default Description
UNSIGNED_BYTE number 5121
UNSIGNED_SHORT number 5123
UNSIGNED_SHORT_5_6_5 number 33635
UNSIGNED_SHORT_4_4_4_4 number 32819
UNSIGNED_SHORT_5_5_5_1 number 32820
FLOAT number 5126
HALF_FLOAT number 36193

PIXI.UPDATE_PRIORITY object staticconstant

Represents the update priorities used by internal PIXI classes when registered with the PIXI.Ticker object. Higher priority items are updated first and lower priority items, such as render, should go later.

Properties:
Name Type Default Description
INTERACTION number 50

Highest priority, used for PIXI.interaction.InteractionManager
HIGH number 25

High priority updating, PIXI.VideoBaseTexture and PIXI.AnimatedSprite
NORMAL number 0

Default priority for ticker events, see PIXI.Ticker#add.
LOW number -25

Low priority used for PIXI.Application rendering.
UTILITY number -50

Lowest priority used for PIXI.prepare.BasePrepare utility.

PIXI.VERSION string staticconstant

String of the current PIXI version.

PIXI.WRAP_MODES object staticconstant

The wrap modes that are supported by pixi.

The PIXI.settings.WRAP_MODE wrap mode affects the default wrapping mode of future operations. It can be re-assigned to either CLAMP or REPEAT, depending upon suitability. If the texture is non power of two then clamp will be used regardless as webGL can only use REPEAT if the texture is po2.

This property only affects WebGL.

Properties:
Name Type Description
CLAMP number

The textures uvs are clamped
REPEAT number

The texture uvs tile and repeat
MIRRORED_REPEAT number

The texture uvs tile and repeat with mirroring

Methods

PIXI.autoDetectRenderer (options)PIXI.Renderer | PIXI.CanvasRenderer static

autoDetectRenderer.js:6

This helper function will automatically detect which renderer you should be using. WebGL is the preferred renderer as it is a lot faster. If webGL is not supported by the browser then this function will return a canvas renderer

Name Type Description
options object optional

The optional renderer parameters

Name Type Default Description
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
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.
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
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
Returns:
Type Description
PIXI.Renderer | PIXI.CanvasRenderer Returns WebGL renderer if available, otherwise CanvasRenderer