Class: Pan

Phaser.Cameras.Scene2D.Effects. Pan

A Camera Pan effect.

This effect will scroll the Camera so that the center of its viewport finishes at the given destination,
over the duration and with the ease specified.

Only the camera scroll is moved. None of the objects it is displaying are impacted, i.e. their positions do
not change.

The effect will dispatch several events on the Camera itself and you can also specify an onUpdate callback,
which is invoked each frame for the duration of the effect if required.


new Pan(camera)

Parameters:
Name Type Description
camera Phaser.Cameras.Scene2D.Camera

The camera this effect is acting upon.

Since: 3.11.0
Source: src/cameras/2d/effects/Pan.js (Line 12)

Members


<readonly> camera :Phaser.Cameras.Scene2D.Camera

The Camera this effect belongs to.

Type:
Since: 3.11.0
Source: src/cameras/2d/effects/Pan.js (Line 38)

current :Phaser.Math.Vector2

The constantly updated value based on zoom.

Type:
Since: 3.11.0
Source: src/cameras/2d/effects/Pan.js (Line 79)

destination :Phaser.Math.Vector2

The destination scroll coordinates to pan the camera to.

Type:
Since: 3.11.0
Source: src/cameras/2d/effects/Pan.js (Line 88)

<readonly> duration :integer

The duration of the effect, in milliseconds.

Type:
  • integer
Since: 3.11.0
Default Value:
  • 0
Source: src/cameras/2d/effects/Pan.js (Line 59)

ease :function

The ease function to use during the pan.

Type:
  • function
Since: 3.11.0
Source: src/cameras/2d/effects/Pan.js (Line 97)

<readonly> isRunning :boolean

Is this effect actively running?

Type:
  • boolean
Since: 3.11.0
Default Value:
  • false
Source: src/cameras/2d/effects/Pan.js (Line 48)

progress :number

If this effect is running this holds the current percentage of the progress, a value between 0 and 1.

Type:
  • number
Since: 3.11.0
Source: src/cameras/2d/effects/Pan.js (Line 106)

source :Phaser.Math.Vector2

The starting scroll coordinates to pan the camera from.

Type:
Since: 3.11.0
Source: src/cameras/2d/effects/Pan.js (Line 70)

Methods


destroy()

Destroys this effect, releasing it from the Camera.

Since: 3.11.0
Source: src/cameras/2d/effects/Pan.js (Line 328)

effectComplete()

Called internally when the effect completes.

Since: 3.11.0
Source: src/cameras/2d/effects/Pan.js (Line 297)

reset()

Resets this camera effect.
If it was previously running, it stops instantly without calling its onComplete callback or emitting an event.

Since: 3.11.0
Source: src/cameras/2d/effects/Pan.js (Line 313)

start(x, y [, duration] [, ease] [, force] [, callback] [, context])

This effect will scroll the Camera so that the center of its viewport finishes at the given destination,
over the duration and with the ease specified.

Parameters:
Name Type Argument Default Description
x number

The destination x coordinate to scroll the center of the Camera viewport to.

y number

The destination y coordinate to scroll the center of the Camera viewport to.

duration integer <optional>
1000

The duration of the effect in milliseconds.

ease string | function <optional>
'Linear'

The ease to use for the pan. Can be any of the Phaser Easing constants or a custom function.

force boolean <optional>
false

Force the shake effect to start immediately, even if already running.

callback CameraPanCallback <optional>

This callback will be invoked every frame for the duration of the effect.
It is sent four arguments: A reference to the camera, a progress amount between 0 and 1 indicating how complete the effect is,
the current camera scroll x coordinate and the current camera scroll y coordinate.

context any <optional>

The context in which the callback is invoked. Defaults to the Scene to which the Camera belongs.

Since: 3.11.0
Source: src/cameras/2d/effects/Pan.js (Line 175)
Fires:
Returns:

The Camera on which the effect was started.

Type
Phaser.Cameras.Scene2D.Camera

update(time, delta)

The main update loop for this effect. Called automatically by the Camera.

Parameters:
Name Type Description
time integer

The current timestamp as generated by the Request Animation Frame or SetTimeout.

delta number

The delta time, in ms, elapsed since the last frame.

Since: 3.11.0
Source: src/cameras/2d/effects/Pan.js (Line 244)