The GameObjectFactory is a quick way to create many common game objects
using
.game.add
Created objects are automatically added to the appropriate Manager, World, or manually specified parent Group.
Name | Type | Description |
---|---|---|
game | Phaser.Game | A reference to the currently running game. |
A reference to the currently running Game.
A reference to the game world.
Creates a new Sound object.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
key | string | The Game.cache key of the sound that this object will use. | ||
volume | number | <optional> | 1 | The volume at which the sound will be played. |
loop | boolean | <optional> | false | Whether or not the sound will loop. |
connect | boolean | <optional> | true | Controls if the created Sound object will connect to the master gainNode of the SoundManager when running under WebAudio. |
The newly created sound object.
Creates a new AudioSprite object.
Name | Type | Description |
---|---|---|
key | string | The Game.cache key of the sound that this object will use. |
The newly created AudioSprite object.
Create a BitmapData object.
A BitmapData object can be manipulated and drawn to like a traditional Canvas object and used to texture Sprites.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
width | number | <optional> | 256 | The width of the BitmapData in pixels. |
height | number | <optional> | 256 | The height of the BitmapData in pixels. |
key | string | <optional> | '' | Asset key for the BitmapData when stored in the Cache (see addToCache parameter). |
addToCache | boolean | <optional> | false | Should this BitmapData be added to the Game.Cache? If so you can retrieve it with Cache.getBitmapData(key) |
The newly created BitmapData object.
Create a new BitmapText object.
BitmapText objects work by taking a texture file and an XML file that describes the font structure.
It then generates a new Sprite object for each letter of the text, proportionally spaced out and aligned to
match the font structure.
BitmapText objects are less flexible than Text objects, in that they have less features such as shadows, fills and the ability
to use Web Fonts. However you trade this flexibility for pure rendering speed. You can also create visually compelling BitmapTexts by
processing the font texture in an image editor first, applying fills and any other effects required.
To create multi-line text insert \r, \n or \r\n escape codes into the text string.
To create a BitmapText data files you can use:
BMFont (Windows, free): http://www.angelcode.com/products/bmfont/
Glyph Designer (OS X, commercial): http://www.71squared.com/en/glyphdesigner
Littera (Web-based, free): http://kvazars.com/littera/
Name | Type | Argument | Default | Description |
---|---|---|---|---|
x | number | X coordinate to display the BitmapText object at. | ||
y | number | Y coordinate to display the BitmapText object at. | ||
font | string | The key of the BitmapText as stored in Phaser.Cache. | ||
text | string | <optional> | '' | The text that will be rendered. This can also be set later via BitmapText.text. |
size | number | <optional> | 32 | The size the font will be rendered at in pixels. |
group | Phaser.Group | <optional> | Optional Group to add the object to. If not specified it will be added to the World group. |
The newly created bitmapText object.
Creates a new Button object.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
x | number | <optional> | 0 | The x coordinate of the Button. The coordinate is relative to any parent container this button may be in. |
y | number | <optional> | 0 | The y coordinate of the Button. The coordinate is relative to any parent container this button may be in. |
key | string | <optional> | The image key as defined in the Game.Cache to use as the texture for this button. | |
callback | function | <optional> | The function to call when this button is pressed | |
callbackContext | object | <optional> | The context in which the callback will be called (usually 'this') | |
overFrame | string | number | <optional> | This is the frame or frameName that will be set when this button is in an over state. Give either a number to use a frame ID or a string for a frame name. | |
outFrame | string | number | <optional> | This is the frame or frameName that will be set when this button is in an out state. Give either a number to use a frame ID or a string for a frame name. | |
downFrame | string | number | <optional> | This is the frame or frameName that will be set when this button is in a down state. Give either a number to use a frame ID or a string for a frame name. | |
upFrame | string | number | <optional> | This is the frame or frameName that will be set when this button is in an up state. Give either a number to use a frame ID or a string for a frame name. | |
group | Phaser.Group | <optional> | Optional Group to add the object to. If not specified it will be added to the World group. |
The newly created Button object.
Create a new Creature Animation object.
Creature is a custom Game Object used in conjunction with the Creature Runtime libraries by Kestrel Moon Studios.
It allows you to display animated Game Objects that were created with the Creature Automated Animation Tool.
Note 1: You can only use Phaser.Creature objects in WebGL enabled games. They do not work in Canvas mode games.
Note 2: You must use a build of Phaser that includes the CreatureMeshBone.js runtime and gl-matrix.js, or have them
loaded before your Phaser game boots.
See the Phaser custom build process for more details.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
x | number | <optional> | 0 | The x coordinate of the creature. The coordinate is relative to any parent container this creature may be in. |
y | number | <optional> | 0 | The y coordinate of the creature. The coordinate is relative to any parent container this creature may be in. |
key | string | PIXI.Texture | <optional> | The image used as a texture by this creature object during rendering. If a string Phaser will get for an entry in the Image Cache. Or it can be an instance of a PIXI.Texture. | |
group | Phaser.Group | <optional> | Optional Group to add the object to. If not specified it will be added to the World group. |
The newly created Sprite object.
Create a new Emitter.
A particle emitter can be used for one-time explosions or for
continuous effects like rain and fire. All it really does is launch Particle objects out
at set intervals, and fixes their positions and velocities accordingly.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
x | number | <optional> | 0 | The x coordinate within the Emitter that the particles are emitted from. |
y | number | <optional> | 0 | The y coordinate within the Emitter that the particles are emitted from. |
maxParticles | number | <optional> | 50 | The total number of particles in this emitter. |
The newly created emitter object.
Adds an existing display object to the game world.
Name | Type | Description |
---|---|---|
object | any | An instance of Phaser.Sprite, Phaser.Button or any other display object. |
The child that was added to the World.
A WebGL shader/filter that can be applied to Sprites.
Name | Type | Description |
---|---|---|
filter | string | The name of the filter you wish to create, for example HueRotate or SineWave. |
any | Whatever parameters are needed to be passed to the filter init function. |
The newly created Phaser.Filter object.
Creates a new Graphics object.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
x | number | <optional> | 0 | The x coordinate of the Graphic. The coordinate is relative to any parent container this object may be in. |
y | number | <optional> | 0 | The y coordinate of the Graphic. The coordinate is relative to any parent container this object may be in. |
group | Phaser.Group | <optional> | Optional Group to add the object to. If not specified it will be added to the World group. |
The newly created graphics object.
A Group is a container for display objects that allows for fast pooling, recycling and collision checks.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
parent | any | <optional> | The parent Group or DisplayObjectContainer that will hold this group, if any. If set to null the Group won't be added to the display list. If undefined it will be added to World by default. | |
name | string | <optional> | 'group' | A name for this Group. Not used internally but useful for debugging. |
addToStage | boolean | <optional> | false | If set to true this Group will be added directly to the Game.Stage instead of Game.World. |
enableBody | boolean | <optional> | false | If true all Sprites created with |
physicsBodyType | number | <optional> | 0 | If enableBody is true this is the type of physics body that is created on new Sprites. Phaser.Physics.ARCADE, Phaser.Physics.P2, Phaser.Physics.NINJA, etc. |
The newly created Group.
Create a new Image
object.
An Image is a light-weight object you can use to display anything that doesn't need physics or animation.
It can still rotate, scale, crop and receive input events.
This makes it perfect for logos, backgrounds, simple buttons and other non-Sprite graphics.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
x | number | <optional> | 0 | The x coordinate of the Image. The coordinate is relative to any parent container this Image may be in. |
y | number | <optional> | 0 | The y coordinate of the Image. The coordinate is relative to any parent container this Image may be in. |
key | string | Phaser.RenderTexture | Phaser.BitmapData | Phaser.Video | PIXI.Texture | <optional> | The image used as a texture by this display object during rendering. If a string Phaser will get for an entry in the Image Cache. Or it can be an instance of a RenderTexture, BitmapData, Video or PIXI.Texture. | |
frame | string | number | <optional> | If a Texture Atlas or Sprite Sheet is used this allows you to specify the frame to be used. Use either an integer for a Frame ID or a string for a frame name. | |
group | Phaser.Group | <optional> | Optional Group to add the object to. If not specified it will be added to the World group. |
The newly created Image object.
A Group is a container for display objects that allows for fast pooling, recycling and collision checks.
A Physics Group is the same as an ordinary Group except that is has enableBody turned on by default, so any Sprites it creates
are automatically given a physics body.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
physicsBodyType | number | <optional> | Phaser.Physics.ARCADE | If enableBody is true this is the type of physics body that is created on new Sprites. Phaser.Physics.ARCADE, Phaser.Physics.P2JS, Phaser.Physics.NINJA, etc. |
parent | any | <optional> | The parent Group or DisplayObjectContainer that will hold this group, if any. If set to null the Group won't be added to the display list. If undefined it will be added to World by default. | |
name | string | <optional> | 'group' | A name for this Group. Not used internally but useful for debugging. |
addToStage | boolean | <optional> | false | If set to true this Group will be added directly to the Game.Stage instead of Game.World. |
The newly created Group.
Add a new Plugin into the PluginManager.
The Plugin must have 2 properties: game
and parent
. Plugin.game is set to the game reference the PluginManager uses, and parent is set to the PluginManager.
Name | Type | Argument | Description |
---|---|---|---|
plugin | object | Phaser.Plugin | The Plugin to add into the PluginManager. This can be a function or an existing object. | |
parameter | * | <repeatable> | Additional parameters that will be passed to the Plugin.init method. |
The Plugin that was added to the manager.
A dynamic initially blank canvas to which images can be drawn.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
width | number | <optional> | 100 | the width of the RenderTexture. |
height | number | <optional> | 100 | the height of the RenderTexture. |
key | string | <optional> | '' | Asset key for the RenderTexture when stored in the Cache (see addToCache parameter). |
addToCache | boolean | <optional> | false | Should this RenderTexture be added to the Game.Cache? If so you can retrieve it with Cache.getTexture(key) |
The newly created RenderTexture object.
Create a new RetroFont object.
A RetroFont can be used as a texture for an Image or Sprite and optionally add it to the Cache.
A RetroFont uses a bitmap which contains fixed with characters for the font set. You use character spacing to define the set.
If you need variable width character support then use a BitmapText object instead. The main difference between a RetroFont and a BitmapText
is that a RetroFont creates a single texture that you can apply to a game object, where-as a BitmapText creates one Sprite object per letter of text.
The texture can be asssigned or one or multiple images/sprites, but note that the text the RetroFont uses will be shared across them all,
i.e. if you need each Image to have different text in it, then you need to create multiple RetroFont objects.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
font | string | The key of the image in the Game.Cache that the RetroFont will use. | ||
characterWidth | number | The width of each character in the font set. | ||
characterHeight | number | The height of each character in the font set. | ||
chars | string | The characters used in the font set, in display order. You can use the TEXT_SET consts for common font set arrangements. | ||
charsPerRow | number | The number of characters per row in the font set. | ||
xSpacing | number | <optional> | 0 | If the characters in the font set have horizontal spacing between them set the required amount here. |
ySpacing | number | <optional> | 0 | If the characters in the font set have vertical spacing between them set the required amount here. |
xOffset | number | <optional> | 0 | If the font set doesn't start at the top left of the given image, specify the X coordinate offset here. |
yOffset | number | <optional> | 0 | If the font set doesn't start at the top left of the given image, specify the Y coordinate offset here. |
The newly created RetroFont texture which can be applied to an Image or Sprite.
Creates a new Rope object.
Example usage: https://github.com/codevinsky/phaser-rope-demo/blob/master/dist/demo.js
Name | Type | Argument | Default | Description |
---|---|---|---|---|
x | number | <optional> | 0 | The x coordinate of the Rope. The coordinate is relative to any parent container this rope may be in. |
y | number | <optional> | 0 | The y coordinate of the Rope. The coordinate is relative to any parent container this rope may be in. |
key | string | Phaser.RenderTexture | Phaser.BitmapData | Phaser.Video | PIXI.Texture | <optional> | The image used as a texture by this display object during rendering. If a string Phaser will get for an entry in the Image Cache. Or it can be an instance of a RenderTexture, BitmapData, Video or PIXI.Texture. | |
frame | string | number | <optional> | If a Texture Atlas or Sprite Sheet is used this allows you to specify the frame to be used. Use either an integer for a Frame ID or a string for a frame name. | |
points | Array | An array of {Phaser.Point}. | ||
group | Phaser.Group | <optional> | Optional Group to add the object to. If not specified it will be added to the World group. |
The newly created Rope object.
Creates a new Sound object.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
key | string | The Game.cache key of the sound that this object will use. | ||
volume | number | <optional> | 1 | The volume at which the sound will be played. |
loop | boolean | <optional> | false | Whether or not the sound will loop. |
connect | boolean | <optional> | true | Controls if the created Sound object will connect to the master gainNode of the SoundManager when running under WebAudio. |
The newly created sound object.
Create a new Sprite with specific position and sprite sheet key.
At its most basic a Sprite consists of a set of coordinates and a texture that is used when rendered.
They also contain additional properties allowing for physics motion (via Sprite.body), input handling (via Sprite.input),
events (via Sprite.events), animation (via Sprite.animations), camera culling and more. Please see the Examples for use cases.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
x | number | <optional> | 0 | The x coordinate of the sprite. The coordinate is relative to any parent container this sprite may be in. |
y | number | <optional> | 0 | The y coordinate of the sprite. The coordinate is relative to any parent container this sprite may be in. |
key | string | Phaser.RenderTexture | Phaser.BitmapData | Phaser.Video | PIXI.Texture | <optional> | The image used as a texture by this display object during rendering. If a string Phaser will get for an entry in the Image Cache. Or it can be an instance of a RenderTexture, BitmapData, Video or PIXI.Texture. | |
frame | string | number | <optional> | If a Texture Atlas or Sprite Sheet is used this allows you to specify the frame to be used. Use either an integer for a Frame ID or a string for a frame name. | |
group | Phaser.Group | <optional> | Optional Group to add the object to. If not specified it will be added to the World group. |
The newly created Sprite object.
A SpriteBatch is a really fast version of a Phaser Group built solely for speed.
Use when you need a lot of sprites or particles all sharing the same texture.
The speed gains are specifically for WebGL. In Canvas mode you won't see any real difference.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
parent | Phaser.Group | null | The parent Group that will hold this Sprite Batch. Set to | ||
name | string | <optional> | 'group' | A name for this Sprite Batch. Not used internally but useful for debugging. |
addToStage | boolean | <optional> | false | If set to true this Sprite Batch will be added directly to the Game.Stage instead of the parent. |
The newly created Sprite Batch.
Creates a new Text object.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
x | number | <optional> | 0 | The x coordinate of the Text. The coordinate is relative to any parent container this text may be in. |
y | number | <optional> | 0 | The y coordinate of the Text. The coordinate is relative to any parent container this text may be in. |
text | string | <optional> | '' | The text string that will be displayed. |
style | object | <optional> | The style object containing style attributes like font, font size , etc. | |
group | Phaser.Group | <optional> | Optional Group to add the object to. If not specified it will be added to the World group. |
The newly created text object.
Creates a new Phaser.Tilemap object.
The map can either be populated with data from a Tiled JSON file or from a CSV file.
To do this pass the Cache key as the first parameter. When using Tiled data you need only provide the key.
When using CSV data you must provide the key and the tileWidth and tileHeight parameters.
If creating a blank tilemap to be populated later, you can either specify no parameters at all and then use Tilemap.create
or pass the map and tile dimensions here.
Note that all Tilemaps use a base tile size to calculate dimensions from, but that a TilemapLayer may have its own unique tile size that overrides it.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
key | string | <optional> | The key of the tilemap data as stored in the Cache. If you're creating a blank map either leave this parameter out or pass | |
tileWidth | number | <optional> | 32 | The pixel width of a single map tile. If using CSV data you must specify this. Not required if using Tiled map data. |
tileHeight | number | <optional> | 32 | The pixel height of a single map tile. If using CSV data you must specify this. Not required if using Tiled map data. |
width | number | <optional> | 10 | The width of the map in tiles. If this map is created from Tiled or CSV data you don't need to specify this. |
height | number | <optional> | 10 | The height of the map in tiles. If this map is created from Tiled or CSV data you don't need to specify this. |
The newly created tilemap object.
Creates a new TileSprite object.
Name | Type | Argument | Description |
---|---|---|---|
x | number | The x coordinate of the TileSprite. The coordinate is relative to any parent container this TileSprite may be in. | |
y | number | The y coordinate of the TileSprite. The coordinate is relative to any parent container this TileSprite may be in. | |
width | number | The width of the TileSprite. | |
height | number | The height of the TileSprite. | |
key | string | Phaser.BitmapData | PIXI.Texture | This is the image or texture used by the TileSprite during rendering. It can be a string which is a reference to the Phaser Image Cache entry, or an instance of a PIXI.Texture or BitmapData. | |
frame | string | number | <optional> | If a Texture Atlas or Sprite Sheet is used this allows you to specify the frame to be used. Use either an integer for a Frame ID or a string for a frame name. |
group | Phaser.Group | <optional> | Optional Group to add the object to. If not specified it will be added to the World group. |
The newly created TileSprite object.
Create a tween on a specific object.
The object can be any JavaScript object or Phaser object such as Sprite.
Name | Type | Description |
---|---|---|
object | object | Object the tween will be run on. |
The newly created Phaser.Tween object.
Create a Video object.
This will return a Phaser.Video object which you can pass to a Sprite to be used as a texture.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
key | string | null | <optional> | null | The key of the video file in the Phaser.Cache that this Video object will play. Set to |
url | string | null | <optional> | null | If the video hasn't been loaded then you can provide a full URL to the file here (make sure to set key to null) |
The newly created Video object.
Weapons provide the ability to easily create a bullet pool and manager.
Weapons fire Phaser.Bullet objects, which are essentially Sprites with a few extra properties.
The Bullets are enabled for Arcade Physics. They do not currently work with P2 Physics.
The Bullets are created inside of Weapon.bullets
, which is a Phaser.Group instance. Anything you
can usually do with a Group, such as move it around the display list, iterate it, etc can be done
to the bullets Group too.
Bullets can have textures and even animations. You can control the speed at which they are fired,
the firing rate, the firing angle, and even set things like gravity for them.
Name | Type | Argument | Default | Description |
---|---|---|---|---|
quantity | integer | <optional> | 1 | The quantity of bullets to seed the Weapon with. If -1 it will set the pool to automatically expand. |
key | string | Phaser.RenderTexture | Phaser.BitmapData | Phaser.Video | PIXI.Texture | <optional> | The image used as a texture by the bullets during rendering. If a string Phaser will get for an entry in the Image Cache. Or it can be an instance of a RenderTexture, BitmapData, Video or PIXI.Texture. | |
frame | string | number | <optional> | If a Texture Atlas or Sprite Sheet is used this allows you to specify the frame to be used by the bullets. Use either an integer for a Frame ID or a string for a frame name. | |
group | Phaser.Group | <optional> | Optional Group to add the Weapon to. If not specified it will be added to the World group. |
A Weapon instance.
© 2016 Richard Davey, Photon Storm Ltd.
Licensed under the MIT License.
http://phaser.io/docs/2.6.2/Phaser.GameObjectFactory.html