pixijs
This is the base class for creating a PIXI filter.
This is the base class for creating a PIXI filter. Currently only WebGL supports filters. If you want to make a custom filter this should be your base class.
This trait serves as a base class for Canvas and WEBGL renderers
This trait serves as a base class for Canvas and WEBGL renderers
Auto-Detect Renderer Options
Auto-Detect Renderer Options
A texture stores the information that represents an image.
A texture stores the information that represents an image. All textures have a base texture.
BaseTexture Events
The CanvasRenderer draws the scene and all its content onto a 2d canvas.
The CanvasRenderer draws the scene and all its content onto a 2d canvas. This renderer should be used for browsers that do not support webGL. Don't forget to add the CanvasRenderer.view to your DOM or you will not see anything :)
Canvas Renderer Options
Canvas Renderer Options
The Circle object can be used to specify a hit area for displayObjects.
The Circle object can be used to specify a hit area for displayObjects.
A Container represents a collection of display objects.
A Container represents a collection of display objects. It is the base class of all display objects that act as a container for other objects.
The base class for all objects that are rendered on the screen.
The base class for all objects that are rendered on the screen. This is an abstract class and should not be used on its own rather it should be extended.
A DisplayObjectContainer represents a collection of display objects.
A DisplayObjectContainer represents a collection of display objects. It is the base class of all display objects that act as a container for other objects.
http://phaser.io/docs/2.6.2/PIXI.DisplayObjectContainer.html
The Ellipse object can be used to specify a hit area for displayObjects
The Ellipse object can be used to specify a hit area for displayObjects
Basic FXAA implementation based on the code on geeks3d.com with the modification that the texture2DLod stuff was removed since it's unsupported by WebGL.
Basic FXAA implementation based on the code on geeks3d.com with the modification that the texture2DLod stuff was removed since it's unsupported by WebGL.
The Graphics class contains methods used to draw primitive shapes such as lines, circles and rectangles to the display, and to color and fill them.
The Graphics class contains methods used to draw primitive shapes such as lines, circles and rectangles to the display, and to color and fill them.
A GraphicsData object.
A GraphicsData object.
The pixi Matrix class as an object, which makes it a lot faster, here is a representation of it:
The pixi Matrix class as an object, which makes it a lot faster, here is a representation of it:
| a | b | tx| +---+---+---+ | c | d | ty| +---+---+---+ | 0 | 0 | 1 |
https://phaser.io/docs/2.2.2/PIXI.Matrix.html
The Point object represents a location in a two-dimensional coordinate system, where x represents the horizontal axis and y represents the vertical axis.
The Point object represents a location in a two-dimensional coordinate system, where x represents the horizontal axis and y represents the vertical axis.
The Polygon object
The Polygon object
Helper class to create a quad
Helper class to create a quad
The Rectangle object is an area defined by its position, as indicated by its top-left corner point (x, y) and by its width and its height.
The Rectangle object is an area defined by its position, as indicated by its top-left corner point (x, y) and by its width and its height.
A Text Object will create a line or multiple lines of text.
A Text Object will create a line or multiple lines of text. To split a line you can use '\n' in your text string, or add a wordWrap property set to true and and wordWrapWidth property with a value in the style object.
A Text Object will create a line or multiple lines of text.
A Text Object will create a line or multiple lines of text. To split a line you can use '\n' in your text string, or add a wordWrap property set to true and and wordWrapWidth property with a value in the style object.
A texture stores the information that represents an image or part of an image.
A texture stores the information that represents an image or part of an image. It cannot be added to the display list directly. Instead use it as the texture for a Sprite. If no frame is provided then the whole image is used.
A Ticker class that runs an update loop that other objects listen to.
A Ticker class that runs an update loop that other objects listen to. This class is composed around an EventEmitter object to add listeners meant for execution on the next requested animation frame. Animation frames are requested only when necessary, e.g. When the ticker is started and the emitter has listeners.
The WebGLRenderer draws the scene and all its content onto a webGL enabled canvas.
The WebGLRenderer draws the scene and all its content onto a webGL enabled canvas. This renderer should be used for browsers that support webGL. This Render works by automatically managing webGLBatchs. So no need for Sprite Batches or Sprite Clouds. Don't forget to add the view to your DOM or you will not see anything :)
WebGL Renderer Options
WebGL Renderer Options
BaseTexture Singleton
BaseTexture Singleton
Matrix Singleton
Matrix Singleton
Pixi.js — A 2D JavaScript Renderer
Pixi.js — A 2D JavaScript Renderer
The aim of this project is to provide a fast lightweight 2D library that works across all devices. The Pixi renderer allows everyone to enjoy the power of hardware acceleration without prior knowledge of WebGL. Also, it's fast. Really fast.
If you want to keep up to date with the latest pixi.js news then feel free to follow us on twitter (@doormat23, and @rolnaaba) and we will keep you posted! You can also check back on our site as any breakthroughs will be posted up there too!
3.0
Texture Singleton
Texture Singleton
pixijs package object