new Game(width, height, renderer, parent, state, transparent, antialias, physicsConfig)
This is where the magic happens. The Game object is the heart of your game,
providing quick access to common functions and handling the boot process.
"Hell, there are no rules here - we're trying to accomplish something."
Thomas A. Edison
Parameters
Name | Type | Argument | Default | Description |
---|---|---|---|---|
width |
number | string |
<optional> |
800 | The width of your game in game pixels. If given as a string the value must be between 0 and 100 and will be used as the percentage width of the parent container, or the browser window if no parent is given. |
height |
number | string |
<optional> |
600 | The height of your game in game pixels. If given as a string the value must be between 0 and 100 and will be used as the percentage height of the parent container, or the browser window if no parent is given. |
renderer |
number |
<optional> |
Phaser.AUTO | Which renderer to use: Phaser.AUTO will auto-detect, Phaser.WEBGL, Phaser.CANVAS or Phaser.HEADLESS (no rendering at all). |
parent |
string | HTMLElement |
<optional> |
'' | The DOM element into which this games canvas will be injected. Either a DOM ID (string) or the element itself. |
state |
object |
<optional> |
null | The default state object. A object consisting of Phaser.State functions (preload, create, update, render) or null. |
transparent |
boolean |
<optional> |
false | Use a transparent canvas background or not. |
antialias |
boolean |
<optional> |
true | Draw all image textures anti-aliased or not. The default is for smooth textures, but disable if your game features pixel art. |
physicsConfig |
object |
<optional> |
null | A physics configuration object to pass to the Physics world on creation. |
- Source code: core/Game.js (Line 25)
Public Properties
-
add : Phaser.GameObjectFactory
-
Reference to the Phaser.GameObjectFactory.
- Source code: core/Game.js (Line 156)
-
antialias : boolean
-
Anti-alias graphics. By default scaled images are smoothed in Canvas and WebGL, set anti-alias to false to disable this globally.
- Default Value
- true
- Source code: core/Game.js (Line 102)
-
cache : Phaser.Cache
-
Reference to the assets cache.
- Source code: core/Game.js (Line 166)
-
camera : Phaser.Camera
-
A handy reference to world.camera.
- Source code: core/Game.js (Line 241)
-
canvas :HTMLCanvasElement
-
A handy reference to renderer.view, the canvas that the game is being rendered in to.
- Source code: core/Game.js (Line 246)
-
clearBeforeRender : boolean
-
Clear the Canvas each frame before rendering the display list.
You can set this tofalse
to gain some performance if your game always contains a background that completely fills the display.- Default Value
- true
- Source code: core/Game.js (Line 116)
-
config : Object
-
The Phaser.Game configuration object.
- Source code: core/Game.js (Line 36)
-
context :CanvasRenderingContext2D
-
A handy reference to renderer.context (only set for CANVAS games, not WebGL)
- Source code: core/Game.js (Line 251)
-
create : Phaser.Create
-
The Asset Generator.
- Source code: core/Game.js (Line 266)
-
<internal> currentUpdateID : integer
-
The ID of the current/last logic update applied this render frame, starting from 0.
The first update iscurrentUpdateID === 0
and the last update iscurrentUpdateID === updatesThisFrame.
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 336)
-
debug : Phaser.Utils.Debug
-
A set of useful debug utilities.
- Source code: core/Game.js (Line 256)
-
device : Phaser.Device
-
Contains device information and capabilities.
- Source code: core/Game.js (Line 236)
-
forceSingleUpdate : boolean
-
Should the game loop force a logic update, regardless of the delta timer? Set to true if you know you need this. You can toggle it on the fly.
- Source code: core/Game.js (Line 380)
-
fpsProblemNotifier : Phaser.Signal
-
If the game is struggling to maintain the desired FPS, this signal will be dispatched.
The desired/chosen FPS should probably be closer to the Phaser.Time#suggestedFps value.- Source code: core/Game.js (Line 375)
-
[readonly] height : integer
-
The current Game Height in pixels.
Do not modify this property directly: use Phaser.ScaleManager#setGameSize - eg.
game.scale.setGameSize(width, height)
- instead.- Default Value
- 600
- Source code: core/Game.js (Line 69)
-
[readonly] id : number
-
Phaser Game ID (for when Pixi supports multiple instances).
- Source code: core/Game.js (Line 31)
-
input : Phaser.Input
-
Reference to the input manager
- Source code: core/Game.js (Line 171)
-
[readonly] isBooted : boolean
-
Whether the game engine is booted, aka available.
- Source code: core/Game.js (Line 139)
-
[readonly] isRunning : boolean
-
Is game running or paused?
- Source code: core/Game.js (Line 145)
-
load : Phaser.Loader
-
Reference to the assets loader.
- Source code: core/Game.js (Line 176)
-
lockRender : boolean
-
If
false
Phaser will automatically render the display list every update. Iftrue
the render loop will be skipped.
You can toggle this value at run-time to gain exact control over when Phaser renders. This can be useful in certain types of game or application.
Please note that if you don't render the display list then none of the game object transforms will be updated, so use this value carefully.- Source code: core/Game.js (Line 275)
-
make : Phaser.GameObjectCreator
-
Reference to the GameObject Creator.
- Source code: core/Game.js (Line 161)
-
math : Phaser.Math
-
Reference to the math helper.
- Source code: core/Game.js (Line 181)
-
net : Phaser.Net
-
Reference to the network class.
- Source code: core/Game.js (Line 186)
-
onBlur : Phaser.Signal
-
This event is fired when the game no longer has focus (typically on page hide).
- Source code: core/Game.js (Line 311)
-
onFocus : Phaser.Signal
-
This event is fired when the game has focus (typically on page show).
- Source code: core/Game.js (Line 316)
-
onPause : Phaser.Signal
-
This event is fired when the game pauses.
- Source code: core/Game.js (Line 301)
-
onResume : Phaser.Signal
-
This event is fired when the game resumes from a paused state.
- Source code: core/Game.js (Line 306)
-
parent : string | HTMLElement
-
The Games DOM parent.
Type
- string | HTMLElement
- Source code: core/Game.js (Line 47)
-
particles : Phaser.Particles
-
The Particle Manager.
- Source code: core/Game.js (Line 261)
-
paused : boolean
-
The paused state of the Game. A paused game doesn't update any of its subsystems.
When a game is paused the onPause event is dispatched. When it is resumed the onResume event is dispatched. Gets and sets the paused state of the Game.- Source code: core/Game.js (Line 1154)
-
[readonly] pendingStep : boolean
-
An internal property used by enableStep, but also useful to query from your own game objects.
- Source code: core/Game.js (Line 289)
-
physics : Phaser.Physics
-
Reference to the physics manager.
- Source code: core/Game.js (Line 221)
-
physicsConfig : Object
-
The Phaser.Physics.World configuration object.
- Source code: core/Game.js (Line 41)
-
plugins : Phaser.PluginManager
-
Reference to the plugin manager.
- Source code: core/Game.js (Line 226)
-
preserveDrawingBuffer : boolean
-
The value of the preserveDrawingBuffer flag affects whether or not the contents of the stencil buffer is retained after rendering.
- Source code: core/Game.js (Line 108)
-
<internal> raf : Phaser.RequestAnimationFrame
-
Automatically handles the core game loop via requestAnimationFrame or setTimeout
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 151)
-
<internal> renderer : PIXI.CanvasRenderer | PIXI.WebGLRenderer
-
The Pixi Renderer.
Type
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 122)
-
[readonly] renderType : number
-
The Renderer this game will use. Either Phaser.AUTO, Phaser.CANVAS, Phaser.WEBGL, or Phaser.HEADLESS.
- Source code: core/Game.js (Line 128)
-
[readonly] resolution : integer
-
The resolution of your game. This value is read only, but can be changed at start time it via a game configuration object.
- Default Value
- 1
- Source code: core/Game.js (Line 78)
-
rnd : Phaser.RandomDataGenerator
-
Instance of repeatable random data generator helper.
- Source code: core/Game.js (Line 231)
-
scale : Phaser.ScaleManager
-
The game scale manager.
- Source code: core/Game.js (Line 191)
-
sound : Phaser.SoundManager
-
Reference to the sound manager.
- Source code: core/Game.js (Line 196)
-
stage : Phaser.Stage
-
Reference to the stage.
- Source code: core/Game.js (Line 201)
-
state : Phaser.StateManager
-
The StateManager.
- Source code: core/Game.js (Line 133)
-
[readonly] stepCount : number
-
When stepping is enabled this contains the current step cycle.
- Source code: core/Game.js (Line 296)
-
[readonly] stepping : boolean
-
Enable core loop stepping with Game.enableStep().
- Source code: core/Game.js (Line 282)
-
time : Phaser.Time
-
Reference to the core game clock.
- Source code: core/Game.js (Line 206)
-
transparent : boolean
-
Use a transparent canvas background or not.
- Source code: core/Game.js (Line 96)
-
tweens : Phaser.TweenManager
-
Reference to the tween manager.
- Source code: core/Game.js (Line 211)
-
<internal> updatesThisFrame : integer
-
Number of logic updates expected to occur this render frame; will be 1 unless there are catch-ups required (and allowed).
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 343)
-
[readonly] width : integer
-
The current Game Width in pixels.
Do not modify this property directly: use Phaser.ScaleManager#setGameSize - eg.
game.scale.setGameSize(width, height)
- instead.- Default Value
- 800
- Source code: core/Game.js (Line 58)
-
world : Phaser.World
-
Reference to the world.
- Source code: core/Game.js (Line 216)
Public Methods
-
<internal> boot()
-
Initialize engine sub modules and start the game.
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 520)
-
destroy()
-
Nukes the entire game from orbit.
Calls destroy on Game.state, Game.sound, Game.scale, Game.stage, Game.input, Game.physics and Game.plugins.
Then sets all of those local handlers to null, destroys the renderer, removes the canvas from the DOM
and resets the PIXI default renderer.- Source code: core/Game.js (Line 1001)
-
disableStep()
-
Disables core game loop stepping.
- Source code: core/Game.js (Line 976)
-
enableStep()
-
Enable core game loop stepping. When enabled you must call game.step() directly (perhaps via a DOM button?)
Calling step will advance the game loop by one frame. This is extremely useful for hard to track down errors!- Source code: core/Game.js (Line 962)
-
<internal> focusGain(event)
-
Called by the Stage visibility handler.
Parameters
Name Type Description event
object The DOM event that caused the game to pause, if any.
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 1132)
-
<internal> focusLoss(event)
-
Called by the Stage visibility handler.
Parameters
Name Type Description event
object The DOM event that caused the game to pause, if any.
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 1114)
-
<internal> gamePaused(event)
-
Called by the Stage visibility handler.
Parameters
Name Type Description event
object The DOM event that caused the game to pause, if any.
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 1048)
-
<internal> gameResumed(event)
-
Called by the Stage visibility handler.
Parameters
Name Type Description event
object The DOM event that caused the game to pause, if any.
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 1080)
-
<internal> parseConfig()
-
Parses a Game configuration object.
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 440)
-
<internal> setUpRenderer()
-
Checks if the device is capable of using the requested renderer and sets it up or an alternative if not.
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 676)
-
<internal> showDebugHeader()
-
Displays a Phaser version debug header in the console.
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 609)
-
step()
-
When stepping is enabled you must call this function directly (perhaps via a DOM button?) to advance the game loop by one frame.
This is extremely useful to hard to track down errors! Use the internal stepCount property to monitor progress.- Source code: core/Game.js (Line 988)
-
<internal> update(time)
-
The core game loop.
Parameters
Name Type Description time
number The current time as provided by RequestAnimationFrame.
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 777)
-
<internal> updateLogic(timeStep)
-
Updates all logic subsystems in Phaser. Called automatically by Game.update.
Parameters
Name Type Description timeStep
number The current timeStep value as determined by Game.update.
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 877)
-
<internal> updateRender(elapsedTime)
-
Runs the Render cycle.
It starts by calling State.preRender. In here you can do any last minute adjustments of display objects as required.
It then calls the renderer, which renders the entire display list, starting from the Stage object and working down.
It then calls plugin.render on any loaded plugins, in the order in which they were enabled.
After this State.render is called. Any rendering that happens here will take place on-top of the display list.
Finally plugin.postRender is called on any loaded plugins, in the order in which they were enabled.
This method is called automatically by Game.update, you don't need to call it directly.
Should you wish to have fine-grained control over when Phaser renders then use theGame.lockRender
boolean.
Phaser will only render when this boolean isfalse
.Parameters
Name Type Description elapsedTime
number The time elapsed since the last update.
- Internal:
- This member is internal (protected) and may be modified or removed in the future.
- Source code: core/Game.js (Line 925)