Skip to main content
Version: Phaser v4.0.0

DisplayList

The Display List is a Scene plugin that maintains the ordered list of Game Objects to be rendered each frame. Game Objects are automatically sorted by depth before rendering. You do not normally interact with the Display List directly; instead use addToDisplayList and removeFromDisplayList on individual Game Objects.

Constructor

new DisplayList(scene)

Parameters

nametypeoptionaldescription
scenePhaser.SceneNoThe Scene that this Display List belongs to.

Scope: static

Extends

Phaser.Structs.List.<Phaser.GameObjects.GameObject>

Source: src/gameobjects/DisplayList.js#L14
Since: 3.0.0

Public Members

events

events: Phaser.Events.EventEmitter

Description:

The Scene's Event Emitter.

Source: src/gameobjects/DisplayList.js#L67
Since: 3.50.0


scene

scene: Phaser.Scene

Description:

The Scene that this Display List belongs to.

Source: src/gameobjects/DisplayList.js#L49
Since: 3.0.0


sortChildrenFlag

sortChildrenFlag: boolean

Description:

The flag that determines whether Game Objects should be sorted when depthSort() is called.

Source: src/gameobjects/DisplayList.js#L39
Since: 3.0.0


systems

systems: Phaser.Scenes.Systems

Description:

The Scene's Systems.

Source: src/gameobjects/DisplayList.js#L58
Since: 3.0.0


Public Methods

depthSort

<instance> depthSort()

Description:

Immediately sorts the display list if the flag is set.

Source: src/gameobjects/DisplayList.js#L179
Since: 3.0.0


getChildren

<instance> getChildren()

Description:

Returns an array which contains all objects currently on the Display List. This is a reference to the main list array, not a copy of it, so be careful not to modify it.

Returns: Array.<Phaser.GameObjects.GameObject> - The group members.

Source: src/gameobjects/DisplayList.js#L211
Since: 3.12.0


queueDepthSort

<instance> queueDepthSort()

Description:

Force a sort of the display list on the next call to depthSort.

Source: src/gameobjects/DisplayList.js#L168
Since: 3.0.0


sortByDepth

<instance> sortByDepth(childA, childB)

Description:

Compare the depth of two Game Objects.

Parameters:

nametypeoptionaldescription
childAPhaser.GameObjects.GameObjectNoThe first Game Object.
childBPhaser.GameObjects.GameObjectNoThe second Game Object.

Returns: number - The difference between the depths of each Game Object.

Source: src/gameobjects/DisplayList.js#L195
Since: 3.0.0