Navigation
These archived docs are for Phaser 2.2.2 Phaser 3 docs can be found on newdocs.phaser.io.
Phaser CE docs can be found on the Phaser CE Documentation site.

Constructor

PIXI. SpriteSheetLoader

new SpriteSheetLoader(url, crossorigin)

The sprite sheet loader is used to load in JSON sprite sheet data To generate the data you can use http://www.codeandweb.com/texturepacker and publish in the 'JSON' format There is a free version so thats nice, although the paid version is great value for money. It is highly recommended to use Sprite sheets (also know as a 'texture atlas') as it means sprites can be batched and drawn together for highly increased rendering speed. Once the data has been loaded the frames are stored in the PIXI texture cache and can be accessed though PIXI.Texture.fromFrameId() and PIXI.Sprite.fromFrameId() This loader will load the image file that the Spritesheet points to as well as the data. When loaded this class will dispatch a 'loaded' event

Parameters
Name Type Description
url String

The url of the sprite sheet JSON file

crossorigin Boolean

Whether requests should be treated as crossorigin

Source code: pixi/loaders/SpriteSheetLoader.js, line 5

Public Properties

[readonly] baseUrl : string

[read-only] The base url of the bitmap font data

Source code: pixi/loaders/SpriteSheetLoader.js, line 38

crossorigin : boolean

Whether the requests should be treated as cross origin

Source code: pixi/loaders/SpriteSheetLoader.js, line 30

frames : Object

The frames of the sprite sheet

Source code: pixi/loaders/SpriteSheetLoader.js, line 55

texture : PIXI.Texture

The texture being loaded

Source code: pixi/loaders/SpriteSheetLoader.js, line 47

url : string

The url of the atlas data

Source code: pixi/loaders/SpriteSheetLoader.js, line 22

Public Methods

load()

This will begin loading the JSON file

Source code: pixi/loaders/SpriteSheetLoader.js, line 69