The Matter World class is responsible for managing one single instance of a Matter Physics World for Phaser.
Access this via this.matter.world
from within a Scene.
This class creates a Matter JS World Composite along with the Matter JS Engine during instantiation. It also handles delta timing, bounds, body and constraint creation and debug drawing.
If you wish to access the Matter JS World object directly, see the localWorld
property.
If you wish to access the Matter Engine directly, see the engine
property.
This class is an Event Emitter and will proxy all Matter JS events, as they are received.
new World(scene, config)
name | type | description |
---|---|---|
scene | Phaser.Scene |
The Scene to which this Matter World instance belongs. |
config | Phaser.Types.Physics.Matter.MatterWorldConfig |
The Matter World configuration object. |
Automatically call Engine.update every time the game steps.
If you disable this then you are responsible for calling World.step
directly from your game.
If you call set60Hz
or set30Hz
then autoUpdate
is reset to true
.
The correction argument is an optional Number that specifies the time correction factor to apply to the update. This can help improve the accuracy of the simulation in cases where delta is changing between updates. The value of correction is defined as delta / lastDelta, i.e. the percentage change of delta over the last step. Therefore the value is always 1 (no correction) when delta is constant (or when no correction is desired, which is the default). See the paper on Time Corrected Verlet for more information.
The debug configuration object.
The values stored in this object are read from the Matter World Config debug
property.
When a new Body or Constraint is added to the World, they are given the values stored in this object,
unless they have their own render
object set that will override them.
Note that while you can modify the values of properties in this object at run-time, it will not change any of the Matter objects already added. It will only impact objects newly added to the world, or one that is removed and then re-added at a later time.
An instance of the Graphics object the debug bodies are drawn to, if enabled.
A flag that controls if the debug graphics will be drawn to or not.
A flag that toggles if the world is enabled or not.
An instance of the MatterJS Engine.
This function is called every time the core game loop steps, which is bound to the Request Animation Frame frequency unless otherwise modified.
The function is passed two values: time
and delta
, both of which come from the game step values.
It must return a number. This number is used as the delta value passed to Matter.Engine.update.
You can override this function with your own to define your own timestep.
If you need to update the Engine multiple times in a single game step then call
World.update
as many times as required. Each call will trigger the getDelta
function.
If you wish to have full control over when the Engine updates then see the property autoUpdate
.
You can also adjust the number of iterations that Engine.update performs. Use the Scene Matter Physics config object to set the following properties:
positionIterations (defaults to 6) velocityIterations (defaults to 4) constraintIterations (defaults to 2)
Adjusting these values can help performance in certain situations, depending on the physics requirements of your game.
A World
composite object that will contain all simulated bodies and constraints.
The Matter JS Runner Configuration object.
This object is populated via the Matter Configuration object's runner
property and is
updated constantly during the game step.
The Scene to which this Matter World instance belongs.
An object containing the 4 wall bodies that bound the physics world.
Adds a Matter JS object, or array of objects, to the world.
The objects should be valid Matter JS entities, such as a Body, Composite or Constraint.
Triggers beforeAdd
and afterAdd
events.
name | type | description |
---|---|---|
object | object | Array.<object> |
Can be single object, or an array, and can be a body, composite or constraint. |
This Matter World object.
Add a listener for a given event.
name | type | arguments | Default | description |
---|---|---|---|---|
event | string | symbol |
The event name. |
||
fn | function |
The listener function. |
||
context | * | <optional> | this |
The context to invoke the listener with. |
this
.
Adds MatterTileBody
instances for all the colliding tiles within the given tilemap layer.
Set the appropriate tiles in your layer to collide before calling this method!
name | type | arguments | description |
---|---|---|---|
tilemapLayer | Phaser.Tilemaps.TilemapLayer |
An array of tiles. |
|
options | object | <optional> |
Options to be passed to the MatterTileBody constructor. {@see Phaser.Physics.Matter.TileBody} |
This Matter World object.
Adds MatterTileBody
instances for the given tiles. This adds bodies regardless of whether the
tiles are set to collide or not.
name | type | arguments | description |
---|---|---|---|
tiles | Array.<Phaser.Tilemaps.Tile> |
An array of tiles. |
|
options | object | <optional> |
Options to be passed to the MatterTileBody constructor. {@see Phaser.Physics.Matter.TileBody} |
This Matter World object.
Creates a rectangle Matter body and adds it to the world.
name | type | description |
---|---|---|
x | number |
The horizontal position of the body in the world. |
y | number |
The vertical position of the body in the world. |
width | number |
The width of the body. |
height | number |
The height of the body. |
options | object |
Optional Matter configuration object. |
The Matter.js body that was created.
Creates a Phaser.GameObjects.Graphics object that is used to render all of the debug bodies and joints to.
This method is called automatically by the constructor, if debugging has been enabled.
The created Graphics object is automatically added to the Scene at 0x0 and given a depth of Number.MAX_VALUE
,
so it renders above all else in the Scene.
The Graphics object is assigned to the debugGraphic
property of this class and drawDebug
is enabled.
The newly created Graphics object.
Will remove all Matter physics event listeners and clear the matter physics world, engine and any debug graphics, if any.
After destroying the world it cannot be re-used again.
Sets the world gravity and gravity scale to 0.
This Matter World object.
Calls each of the listeners registered for a given event.
name | type | arguments | description |
---|---|---|---|
event | string | symbol |
The event name. |
|
args | * | <optional> |
Additional arguments that will be passed to the event handler. |
true
if the event had listeners, else false
.
Return an array listing the events for which the emitter has registered listeners.
Returns all the bodies in the Matter World, including all bodies in children, recursively.
An array of all the Matter JS Bodies in this World.
Returns all the composites in the Matter World, including all composites in children, recursively.
An array of all the Matter JS Composites in this World.
Returns all the constraints in the Matter World, including all constraints in children, recursively.
An array of all the Matter JS Constraints in this World.
Returns true
if the given body can be found within the World.
name | type | description |
---|---|---|
body | MatterJS.Body | Phaser.GameObjects.GameObject |
The Matter Body, or Game Object, to search for within the world. |
An array of all the Matter JS Bodies in this World.
Return the number of listeners listening to a given event.
name | type | description |
---|---|---|
event | string | symbol |
The event name. |
The number of listeners.
Return the listeners registered for a given event.
name | type | description |
---|---|---|
event | string | symbol |
The event name. |
The registered listeners.
Returns the next unique category bitfield (starting after the initial default category 0x0001). There are 32 available.
Unique category bitfield
Returns the next unique group index for which bodies will collide.
If isNonColliding
is true
, returns the next unique group index for which bodies will not collide.
name | type | arguments | Default | description |
---|---|---|---|---|
isNonColliding | boolean | <optional> | false |
If |
Unique category bitfield
Remove the listeners of a given event.
name | type | arguments | description |
---|---|---|---|
event | string | symbol |
The event name. |
|
fn | function | <optional> |
Only remove the listeners that match this function. |
context | * | <optional> |
Only remove the listeners that have this context. |
once | boolean | <optional> |
Only remove one-time listeners. |
this
.
Add a listener for a given event.
name | type | arguments | Default | description |
---|---|---|---|---|
event | string | symbol |
The event name. |
||
fn | function |
The listener function. |
||
context | * | <optional> | this |
The context to invoke the listener with. |
this
.
Add a one-time listener for a given event.
name | type | arguments | Default | description |
---|---|---|---|---|
event | string | symbol |
The event name. |
||
fn | function |
The listener function. |
||
context | * | <optional> | this |
The context to invoke the listener with. |
this
.
Pauses this Matter World instance and sets enabled
to false
.
A paused world will not run any simulations for the duration it is paused.
This Matter World object.
Removes a Matter JS object, or array of objects, from the world.
The objects should be valid Matter JS entities, such as a Body, Composite or Constraint.
Triggers beforeRemove
and afterRemove
events.
name | type | arguments | Default | description |
---|---|---|---|---|
object | object | Array.<object> |
Can be single object, or an array, and can be a body, composite or constraint. |
||
deep | boolean | <optional> | false |
Optionally search the objects children and recursively remove those as well. |
This Matter World object.
Remove all listeners, or those of the specified event.
name | type | arguments | description |
---|---|---|---|
event | string | symbol | <optional> |
The event name. |
this
.
Removes a Matter JS constraint, or array of constraints, from the world.
Triggers beforeRemove
and afterRemove
events.
name | type | arguments | Default | description |
---|---|---|---|---|
constraint | MatterJS.ConstraintType | Array.<MatterJS.ConstraintType> |
A Matter JS Constraint, or an array of constraints, to be removed. |
||
deep | boolean | <optional> | false |
Optionally search the objects children and recursively remove those as well. |
This Matter World object.
Remove the listeners of a given event.
name | type | arguments | description |
---|---|---|---|
event | string | symbol |
The event name. |
|
fn | function | <optional> |
Only remove the listeners that match this function. |
context | * | <optional> |
Only remove the listeners that have this context. |
once | boolean | <optional> |
Only remove one-time listeners. |
this
.
Renders a single Matter Body to the given Phaser Graphics Game Object.
This method is used internally by the Matter Debug Renderer, but is also exposed publically should you wish to render a Body to your own Graphics instance.
If you don't wish to render a line around the body, set the lineColor
parameter to null
.
Equally, if you don't wish to render a fill, set the fillColor
parameter to null
.
name | type | arguments | Default | description |
---|---|---|---|---|
body | MatterJS.BodyType |
The Matter Body to be rendered. |
||
graphics | Phaser.GameObjects.Graphics |
The Graphics object to render to. |
||
showInternalEdges | boolean |
Render internal edges of the polygon? |
||
lineColor | number | <optional> |
The line color. |
|
lineOpacity | number | <optional> |
The line opacity, between 0 and 1. |
|
lineThickness | number | <optional> | 1 |
The line thickness. |
fillColor | number | <optional> |
The fill color. |
|
fillOpacity | number | <optional> |
The fill opacity, between 0 and 1. |
This Matter World instance for method chaining.
Renders either all axes, or a single axis indicator, for an array of Bodies, to the given Graphics instance.
The debug renderer calls this method if the showAxes
or showAngleIndicator
config values are set.
This method is used internally by the Matter Debug Renderer, but is also exposed publically should you wish to render bounds to your own Graphics instance.
name | type | description |
---|---|---|
bodies | array |
An array of bodies from the localWorld. |
graphics | Phaser.GameObjects.Graphics |
The Graphics object to render to. |
showAxes | boolean |
If |
lineColor | number |
The line color. |
lineOpacity | number |
The line opacity, between 0 and 1. |
Renders the bounds of an array of Bodies to the given Graphics instance.
If the body is a compound body, it will render the bounds for the parent compound.
The debug renderer calls this method if the showBounds
config value is set.
This method is used internally by the Matter Debug Renderer, but is also exposed publically should you wish to render bounds to your own Graphics instance.
name | type | description |
---|---|---|
bodies | array |
An array of bodies from the localWorld. |
graphics | Phaser.GameObjects.Graphics |
The Graphics object to render to. |
lineColor | number |
The line color. |
lineOpacity | number |
The line opacity, between 0 and 1. |
Renders a velocity indicator for an array of Bodies, to the given Graphics instance.
The debug renderer calls this method if the showVelocity
config value is set.
This method is used internally by the Matter Debug Renderer, but is also exposed publically should you wish to render bounds to your own Graphics instance.
name | type | description |
---|---|---|
bodies | array |
An array of bodies from the localWorld. |
graphics | Phaser.GameObjects.Graphics |
The Graphics object to render to. |
lineColor | number |
The line color. |
lineOpacity | number |
The line opacity, between 0 and 1. |
lineThickness | number |
The line thickness. |
Renders the list of collision points and normals to the given Graphics instance.
The debug renderer calls this method if the showCollisions
config value is set.
This method is used internally by the Matter Debug Renderer, but is also exposed publically should you wish to render the Grid to your own Graphics instance.
name | type | description |
---|---|---|
pairs | Array.<MatterJS.Pair> |
An array of Matter Pairs to be rendered. |
graphics | Phaser.GameObjects.Graphics |
The Graphics object to render to. |
lineColor | number |
The line color. |
This Matter World instance for method chaining.
Renders a single Matter Constraint, such as a Pin or a Spring, to the given Phaser Graphics Game Object.
This method is used internally by the Matter Debug Renderer, but is also exposed publically should you wish to render a Constraint to your own Graphics instance.
name | type | description |
---|---|---|
constraint | MatterJS.ConstraintType |
The Matter Constraint to render. |
graphics | Phaser.GameObjects.Graphics |
The Graphics object to render to. |
lineColor | number |
The line color. |
lineOpacity | number |
The line opacity, between 0 and 1. |
lineThickness | number |
The line thickness. |
pinSize | number |
If this constraint is a pin, this sets the size of the pin circle. |
anchorColor | number |
The color used when rendering this constraints anchors. Set to |
anchorSize | number |
The size of the anchor circle, if this constraint has anchors and is rendering them. |
This Matter World instance for method chaining.
Renders the Convex Hull for a single Matter Body to the given Phaser Graphics Game Object.
This method is used internally by the Matter Debug Renderer, but is also exposed publically should you wish to render a Body hull to your own Graphics instance.
name | type | arguments | Default | description |
---|---|---|---|---|
body | MatterJS.BodyType |
The Matter Body to be rendered. |
||
graphics | Phaser.GameObjects.Graphics |
The Graphics object to render to. |
||
hullColor | number |
The color used to render the hull. |
||
lineThickness | number | <optional> | 1 |
The hull line thickness. |
This Matter World instance for method chaining.
Renders the Engine Broadphase Controller Grid to the given Graphics instance.
The debug renderer calls this method if the showBroadphase
config value is set.
This method is used internally by the Matter Debug Renderer, but is also exposed publically should you wish to render the Grid to your own Graphics instance.
name | type | description |
---|---|---|
grid | MatterJS.Grid |
The Matter Grid to be rendered. |
graphics | Phaser.GameObjects.Graphics |
The Graphics object to render to. |
lineColor | number |
The line color. |
lineOpacity | number |
The line opacity, between 0 and 1. |
This Matter World instance for method chaining.
Renders the list of Pair separations to the given Graphics instance.
The debug renderer calls this method if the showSeparations
config value is set.
This method is used internally by the Matter Debug Renderer, but is also exposed publically should you wish to render the Grid to your own Graphics instance.
name | type | description |
---|---|---|
pairs | Array.<MatterJS.Pair> |
An array of Matter Pairs to be rendered. |
graphics | Phaser.GameObjects.Graphics |
The Graphics object to render to. |
lineColor | number |
The line color. |
This Matter World instance for method chaining.
Resets the internal collision IDs that Matter.JS uses for Body collision groups.
You should call this before destroying your game if you need to restart the game again on the same page, without first reloading the page. Or, if you wish to consistently destroy a Scene that contains Matter.js and then run it again later in the same game.
Resumes this Matter World instance from a paused state and sets enabled
to true
.
This Matter World object.
Sets the debug render style for the given Matter Body.
If you are using this on a Phaser Game Object, such as a Matter Sprite, then pass in the body property to this method, not the Game Object itself.
If you wish to skip a parameter, so it retains its current value, pass false
for it.
If you wish to reset the Body render colors to the defaults found in the World Debug Config, then call
this method with just the body
parameter provided and no others.
name | type | arguments | description |
---|---|---|---|
body | MatterJS.BodyType |
The Matter Body to set the render style on. |
|
lineColor | number | <optional> |
The line color. If |
lineOpacity | number | <optional> |
The line opacity, between 0 and 1. If |
lineThickness | number | <optional> |
The line thickness. If |
fillColor | number | <optional> |
The fill color. If |
fillOpacity | number | <optional> |
The fill opacity, between 0 and 1. If |
This Matter World instance for method chaining.
Sets the bounds of the Physics world to match the given world pixel dimensions. You can optionally set which 'walls' to create: left, right, top or bottom. If none of the walls are given it will default to use the walls settings it had previously. I.e. if you previously told it to not have the left or right walls, and you then adjust the world size the newly created bounds will also not have the left and right walls. Explicitly state them in the parameters to override this.
name | type | arguments | Default | description |
---|---|---|---|---|
x | number | <optional> | 0 |
The x coordinate of the top-left corner of the bounds. |
y | number | <optional> | 0 |
The y coordinate of the top-left corner of the bounds. |
width | number | <optional> |
The width of the bounds. |
|
height | number | <optional> |
The height of the bounds. |
|
thickness | number | <optional> | 64 |
The thickness of each wall, in pixels. |
left | boolean | <optional> | true |
If true will create the left bounds wall. |
right | boolean | <optional> | true |
If true will create the right bounds wall. |
top | boolean | <optional> | true |
If true will create the top bounds wall. |
bottom | boolean | <optional> | true |
If true will create the bottom bounds wall. |
This Matter World object.
Sets the debug render style for the children of the given Matter Composite.
Composites themselves do not render, but they can contain bodies, constraints and other composites that may do.
So the children of this composite are passed to the setBodyRenderStyle
, setCompositeRenderStyle
and
setConstraintRenderStyle
methods accordingly.
name | type | description |
---|---|---|
composite | MatterJS.CompositeType |
The Matter Composite to set the render style on. |
This Matter World instance for method chaining.
Sets the debug render style for the given Matter Constraint.
If you are using this on a Phaser Game Object, then pass in the body property to this method, not the Game Object itself.
If you wish to skip a parameter, so it retains its current value, pass false
for it.
If you wish to reset the Constraint render colors to the defaults found in the World Debug Config, then call
this method with just the constraint
parameter provided and no others.
name | type | arguments | description |
---|---|---|---|
constraint | MatterJS.ConstraintType |
The Matter Constraint to set the render style on. |
|
lineColor | number | <optional> |
The line color. If |
lineOpacity | number | <optional> |
The line opacity, between 0 and 1. If |
lineThickness | number | <optional> |
The line thickness. If |
pinSize | number | <optional> |
If this constraint is a pin, this sets the size of the pin circle. If |
anchorColor | number | <optional> |
The color used when rendering this constraints anchors. If |
anchorSize | number | <optional> |
The size of the anchor circle, if this constraint has anchors. If |
This Matter World instance for method chaining.
This internal method acts as a proxy between all of the Matter JS events and then re-emits them via this class.
Sets the worlds gravity to the values given.
Gravity effects all bodies in the world, unless they have the ignoreGravity
flag set.
name | type | arguments | Default | description |
---|---|---|---|---|
x | number | <optional> | 0 |
The world gravity x component. |
y | number | <optional> | 1 |
The world gravity y component. |
scale | number | <optional> | 0.001 |
The gravity scale factor. |
This Matter World object.
Will remove all Matter physics event listeners and clear the matter physics world, engine and any debug graphics, if any.
Manually advances the physics simulation by one iteration.
You can optionally pass in the delta
and correction
values to be used by Engine.update.
If undefined they use the Matter defaults of 60Hz and no correction.
Calling step
directly bypasses any checks of enabled
or autoUpdate
.
It also ignores any custom getDelta
functions, as you should be passing the delta
value in to this call.
You can adjust the number of iterations that Engine.update performs internally. Use the Scene Matter Physics config object to set the following properties:
positionIterations (defaults to 6) velocityIterations (defaults to 4) constraintIterations (defaults to 2)
Adjusting these values can help performance in certain situations, depending on the physics requirements of your game.
name | type | arguments | Default | description |
---|---|---|---|---|
delta | number | <optional> | 16.666 |
The delta value. |
correction | number | <optional> | 1 |
Optional delta correction value. |
The internal update method. This is called automatically by the parent Scene.
Moves the simulation forward in time by delta ms. Uses World.correction
value as an optional number that
specifies the time correction factor to apply to the update. This can help improve the accuracy of the
simulation in cases where delta is changing between updates. The value of correction is defined as delta / lastDelta
,
i.e. the percentage change of delta over the last step. Therefore the value is always 1 (no correction) when
delta is constant (or when no correction is desired, which is the default).
See the paper on Time Corrected Verlet for more information.
Triggers beforeUpdate
and afterUpdate
events. Triggers collisionStart
, collisionActive
and collisionEnd
events.
If the World is paused, update
is still run, but exits early and does not update the Matter Engine.
name | type | description |
---|---|---|
time | number |
The current time. Either a High Resolution Timer value if it comes from Request Animation Frame, or Date.now if using SetTimeout. |
delta | number |
The delta time in ms since the last frame. This is a smoothed and capped value based on the FPS rate. |
Runs the Matter Engine.update at a fixed timestep of 30Hz.
The delta value to be passed to Engine.update.
Runs the Matter Engine.update at a fixed timestep of 60Hz.
The delta value to be passed to Engine.update.
Updates the 4 rectangle bodies that were created, if setBounds
was set in the Matter config, to use
the new positions and sizes. This method is usually only called internally via the setBounds
method.
name | type | arguments | description |
---|---|---|---|
add | boolean |
|
|
position | string | <optional> |
Either |
x | number | <optional> |
The horizontal position to place the walls at. Only optional if |
y | number | <optional> |
The vertical position to place the walls at. Only optional if |
width | number | <optional> |
The width of the walls, in pixels. Only optional if |
height | number | <optional> |
The height of the walls, in pixels. Only optional if |