phaser - v4.0.0-rc.4
    Preparing search index...

    A TweenChain is a special type of Tween that allows you to create a sequence of Tweens, chained to one-another, and add them to the Tween Manager.

    The tweens are played in order, from start to finish. You can optionally set the chain to repeat as many times as you like. Once the chain has finished playing, or repeating if set, all tweens in the chain will be destroyed automatically. To override this, set the 'persist' argument to 'true'.

    Playback will start immediately unless the first Tween has been configured to be paused.

    Please note that Tweens will not manipulate any target property that begins with an underscore.

    Hierarchy (View Summary)

    Index

    Constructors

    Properties

    callbacks: TweenCallbacks

    An object containing the different Tween callback functions.

    You can either set these in the Tween config, or by calling the Tween.setCallback method.

    The types available are:

    onActive - When the Tween is first created it moves to an 'active' state when added to the Tween Manager. 'Active' does not mean 'playing'. onStart - When the Tween starts playing after a delayed or paused state. This will happen at the same time as onActive if the tween has no delay and isn't paused. onLoop - When a Tween loops, if it has been set to do so. This happens after the loopDelay expires, if set. onComplete - When the Tween finishes playback fully. Never invoked if the Tween is set to repeat infinitely. onStop - Invoked only if the Tween.stop method is called. onPause - Invoked only if the Tween.pause method is called. Not invoked if the Tween Manager is paused. onResume - Invoked only if the Tween.resume method is called. Not invoked if the Tween Manager is resumed.

    The following types are also available and are invoked on a TweenData level - that is per-object, per-property, being tweened.

    onYoyo - When a TweenData starts a yoyo. This happens after the hold delay expires, if set. onRepeat - When a TweenData repeats playback. This happens after the repeatDelay expires, if set. onUpdate - When a TweenData updates a property on a source target during playback.

    callbackScope: any

    The scope (or context) in which all of the callbacks are invoked.

    This defaults to be this Tween, but you can override this property to set it to whatever object you require.

    completeDelay: number

    The time in milliseconds before the 'onComplete' event fires.

    This never fires if loop = -1 as it never completes because it has been set to loop forever.

    countdown: number

    An internal countdown timer (used by loopDelay and completeDelay)

    currentIndex: number

    A reference to the data array index of the currently playing tween.

    currentTween: Tween

    A reference to the Tween that this TweenChain is currently playing.

    data: Tween[] | TweenData[]

    The main data array. For a Tween, this contains all of the TweenData objects, each containing a unique property and target that is being tweened.

    For a TweenChain, this contains an array of Tween instances, which are being played through in sequence.

    hasStarted: boolean

    Has this Tween started playback yet?

    This boolean is toggled when the Tween leaves the 'start delayed' state and begins running.

    loop: number

    The number of times this Tween will loop.

    Can be -1 for an infinite loop, zero for none, or a positive integer.

    Typically this is set in the configuration object, but can also be set directly as long as this Tween is paused and hasn't started playback.

    When enabled it will play through ALL Tweens again.

    Use TweenData.repeat to loop a single element.

    loopCounter: number

    Internal counter recording how many loops are left to run.

    loopDelay: number

    The time in milliseconds before the Tween loops.

    Only used if loop is > 0.

    A reference to the Tween Manager, or Tween Chain, that owns this Tween.

    paused: boolean

    Is the Tween currently paused?

    A paused Tween needs to be started with the play method, or resumed with the resume method.

    This property can be toggled at runtime if required.

    persist: boolean

    Will this Tween persist after playback? A Tween that persists will not be destroyed by the Tween Manager, or when calling Tween.stop, and can be re-played as required. You can either set this property when creating the tween in the tween config, or set it prior to playback.

    However, it's up to you to ensure you destroy persistent tweens when you are finished with them, or they will retain references you may no longer require and waste memory.

    By default, Tweens are set to not persist, so they are automatically cleaned-up by the Tween Manager.

    startDelay: number

    The time in milliseconds before the 'onStart' event fires.

    For a Tween, this is the shortest delay value across all of the TweenDatas it owns. For a TweenChain, it is whatever delay value was given in the configuration.

    state: States

    The current state of the Tween.

    timeScale: number

    Scales the time applied to this Tween. A value of 1 runs in real-time. A value of 0.5 runs 50% slower, and so on.

    The value isn't used when calculating total duration of the tween, it's a run-time delta adjustment only.

    This value is multiplied by the TweenManager.timeScale.

    totalData: number

    The cached size of the data array.

    Methods

    • Create a sequence of Tweens, chained to one-another, and add them to this Tween Manager.

      The tweens are played in order, from start to finish. You can optionally set the chain to repeat as many times as you like. Once the chain has finished playing, or repeating if set, all tweens in the chain will be destroyed automatically. To override this, set the 'persist' argument to 'true'.

      Playback will start immediately unless the first Tween has been configured to be paused.

      Please note that Tweens will not manipulate any target property that begins with an underscore.

      Parameters

      • tweens: object[] | TweenBuilderConfig[]

        An array of Tween configuration objects for the Tweens in this chain.

      Returns this

    • Add a listener for a given event.

      Parameters

      • event: string | symbol

        The event name.

      • fn: Function

        The listener function.

      • Optionalcontext: any

        The context to invoke the listener with. Default this.

      Returns this

    • Flags the Tween as being complete, whatever stage of progress it is at.

      If an onComplete callback has been defined it will automatically invoke it, unless a delay argument is provided, in which case the Tween will delay for that period of time before calling the callback.

      If you don't need a delay or don't have an onComplete callback then call Tween.stop instead.

      Parameters

      • Optionaldelay: number

        The time to wait before invoking the complete callback. If zero it will fire immediately. Default 0.

      Returns this

    • Flags the Tween as being complete only once the current loop has finished.

      This is a useful way to stop an infinitely looping tween once a complete cycle is over, rather than abruptly.

      If you don't have a loop then call Tween.stop instead.

      Parameters

      • Optionalloops: number

        The number of loops that should finish before this tween completes. Zero means complete just the current loop. Default 0.

      Returns this

    • Internal method that will emit a TweenChain based Event and invoke the given callback.

      Parameters

      • event: string

        The Event to be dispatched.

      • Optionalcallback: TweenCallbackTypes

        The name of the callback to be invoked. Can be null or undefined to skip invocation.

      Returns void

    • Calls each of the listeners registered for a given event.

      Parameters

      • event: string | symbol

        The event name.

      • ...args: any[]

        Additional arguments that will be passed to the event handler.

      Returns boolean

    • Return an array listing the events for which the emitter has registered listeners.

      Returns (string | symbol)[]

    • Gets the value of the time scale applied to this Tween. A value of 1 runs in real-time. A value of 0.5 runs 50% slower, and so on.

      Returns number

    • See if any of the tweens in this Tween Chain is currently acting upon the given target.

      Parameters

      • target: object

        The target to check against this TweenChain.

      Returns boolean

    • Prepares this TweenChain for playback.

      Called automatically by the TweenManager. Should not be called directly.

      Returns this

    • Checks if the Tween is currently paused.

      This is the same as inspecting the BaseTween.paused property directly.

      Returns boolean

    • Checks if this Tween is currently playing.

      If this Tween is paused, or not active, this method will return false.

      Returns boolean

    • Return the number of listeners listening to a given event.

      Parameters

      • event: string | symbol

        The event name.

      Returns number

    • Return the listeners registered for a given event.

      Parameters

      • event: string | symbol

        The event name.

      Returns Function[]

    • Internal method that advances to the next state of the TweenChain playback.

      Returns boolean

    • Immediately advances to the next Tween in the chain.

      This is typically called internally, but can be used if you need to advance playback for some reason.

      Returns boolean

    • Remove the listeners of a given event.

      Parameters

      • event: string | symbol

        The event name.

      • Optionalfn: Function

        Only remove the listeners that match this function.

      • Optionalcontext: any

        Only remove the listeners that have this context.

      • Optionalonce: boolean

        Only remove one-time listeners.

      Returns this

    • Add a listener for a given event.

      Parameters

      • event: string | symbol

        The event name.

      • fn: Function

        The listener function.

      • Optionalcontext: any

        The context to invoke the listener with. Default this.

      Returns this

    • Add a one-time listener for a given event.

      Parameters

      • event: string | symbol

        The event name.

      • fn: Function

        The listener function.

      • Optionalcontext: any

        The context to invoke the listener with. Default this.

      Returns this

    • Pauses the Tween immediately. Use resume to continue playback.

      You can also toggle the Tween.paused boolean property, but doing so will not trigger the PAUSE event.

      Returns this

    • Starts this TweenChain playing.

      You only need to call this method if you have configured this TweenChain to be paused on creation.

      If the TweenChain is already playing, calling this method again will have no effect. If you wish to restart the chain, use TweenChain.restart instead.

      Calling this method after the TweenChain has completed will start the chain playing again from the beginning.

      Returns this

    • Immediately removes this Tween from the TweenManager and all of its internal arrays, no matter what stage it is at. Then sets the tween state to REMOVED.

      You should dispose of your reference to this tween after calling this method, to free it from memory. If you no longer require it, call Tween.destroy() on it.

      Returns this

    • Remove all listeners, or those of the specified event.

      Parameters

      • Optionalevent: string | symbol

        The event name.

      Returns this

    • Remove the listeners of a given event.

      Parameters

      • event: string | symbol

        The event name.

      • Optionalfn: Function

        Only remove the listeners that match this function.

      • Optionalcontext: any

        Only remove the listeners that have this context.

      • Optionalonce: boolean

        Only remove one-time listeners.

      Returns this

    • Resets the given Tween.

      It will seek to position 0 and playback will start on the next frame.

      Parameters

      • tween: Tween

        The Tween to be reset.

      Returns this

    • Internal method that resets all of the Tweens and the current index pointer.

      Returns void

    • Restarts the TweenChain from the beginning.

      If this TweenChain was configured to have a loop, or start delay, those are reset to their initial values as well. It will also dispatch the onActive callback and event again.

      Returns this

    • Resumes the playback of a previously paused Tween.

      You can also toggle the Tween.paused boolean property, but doing so will not trigger the RESUME event.

      Returns this

    • Sets an event based callback to be invoked during playback.

      Calling this method will replace a previously set callback for the given type, if any exists.

      The types available are:

      onActive - When the Tween is first created it moves to an 'active' state when added to the Tween Manager. 'Active' does not mean 'playing'. onStart - When the Tween starts playing after a delayed or paused state. This will happen at the same time as onActive if the tween has no delay and isn't paused. onLoop - When a Tween loops, if it has been set to do so. This happens after the loopDelay expires, if set. onComplete - When the Tween finishes playback fully. Never invoked if the Tween is set to repeat infinitely. onStop - Invoked only if the Tween.stop method is called. onPause - Invoked only if the Tween.pause method is called. Not invoked if the Tween Manager is paused. onResume - Invoked only if the Tween.resume method is called. Not invoked if the Tween Manager is resumed.

      The following types are also available and are invoked on a TweenData level - that is per-object, per-property, being tweened.

      onYoyo - When a TweenData starts a yoyo. This happens after the hold delay expires, if set. onRepeat - When a TweenData repeats playback. This happens after the repeatDelay expires, if set. onUpdate - When a TweenData updates a property on a source target during playback.

      Parameters

      • type: TweenCallbackTypes

        The type of callback to set. One of: onActive, onComplete, onLoop, onPause, onRepeat, onResume, onStart, onStop, onUpdate or onYoyo.

      • callback: Function

        Your callback that will be invoked.

      • Optionalparams: any[]

        The parameters to pass to the callback. Pass an empty array if you don't want to define any, but do wish to set the scope.

      Returns this

    • Sets the current active Tween to the given index, based on its entry in the TweenChain data array.

      Parameters

      • index: number

        The index of the Tween to be made current.

      Returns void

    • Sets the value of the time scale applied to this Tween. A value of 1 runs in real-time. A value of 0.5 runs 50% slower, and so on.

      The value isn't used when calculating total duration of the tween, it's a run-time delta adjustment only.

      This value is multiplied by the TweenManager.timeScale.

      Parameters

      • value: number

        The time scale value to set.

      Returns this

    • Stops the Tween immediately, whatever stage of progress it is at.

      If not a part of a Tween Chain it is also flagged for removal by the Tween Manager.

      If an onStop callback has been defined it will automatically invoke it.

      The Tween will be removed during the next game frame, but should be considered 'destroyed' from this point on.

      Typically, you cannot play a Tween that has been stopped. If you just wish to pause the tween, not destroy it, then call the pause method instead and use resume to continue playback. If you wish to restart the Tween, use the restart or seek methods.

      Returns this

    • Internal method that advances the TweenChain based on the time values.

      Parameters

      • delta: number

        The delta time in ms since the last frame. This is a smoothed and capped value based on the FPS rate.

      Returns boolean

    • Internal method that handles the processing of the complete delay countdown timer and the dispatch of related events. Called automatically by Tween.update.

      Parameters

      • delta: number

        The delta time in ms since the last frame. This is a smoothed and capped value based on the FPS rate.

      Returns void

    • Internal method that handles the processing of the loop delay countdown timer and the dispatch of related events. Called automatically by Tween.update.

      Parameters

      • delta: number

        The delta time in ms since the last frame. This is a smoothed and capped value based on the FPS rate.

      Returns void

    • Internal method that handles the processing of the start delay countdown timer and the dispatch of related events. Called automatically by Tween.update.

      Parameters

      • delta: number

        The delta time in ms since the last frame. This is a smoothed and capped value based on the FPS rate.

      Returns void