phina.js.d.ts
    Preparing search index...

    Interface Tween

    interface Tween {
        easing: string;
        addEventListener(type: string, listener: Function): this;
        backward(time: number): this;
        by(
            target: object,
            props: object,
            duration: object,
            easing:
                | "default"
                | "liner"
                | "swing"
                | "easeInQuad"
                | "easeOutQuad"
                | "easeInOutQuad"
                | "easeInCubic"
                | "easeOutCubic"
                | "easeInOutCubic"
                | "easeOutInCubic"
                | "easeInQuart"
                | "easeOutQuart"
                | "easeInOutQuart"
                | "easeOutInQuart"
                | "easeInQuint"
                | "easeOutQuint"
                | "easeInOutQuint"
                | "easeOutInQuint"
                | "easeInSine"
                | "easeOutSine"
                | "easeInOutSine"
                | "easeOutInSine"
                | "easeInExpo"
                | "easeOutExpo"
                | "easeInOutExpo"
                | "easeOutInExpo"
                | "easeInCirc"
                | "easeOutCirc"
                | "easeInOutCirc"
                | "easeOutInCirc"
                | "easeInElastic"
                | "easeOutElastic"
                | "easeInOutElastic"
                | "easeOutInElastic"
                | "easeInBack"
                | "easeOutBack"
                | "easeInOutBack"
                | "easeOutInBack"
                | "easeInBounce"
                | "easeOutBounce"
                | "easeInOutBounce"
                | "easeOutInBounce",
        ): this;
        clear(type: string): this;
        clearEventListener(type: string): this;
        dispatchEvent(e: { type: string }): this;
        dispatchEventByType(type: string, param: object): this;
        fire(e: { type: string }): this;
        flare(type: string, param?: object): this;
        forward(time: number): this;
        from(
            target: object,
            beginProps: object,
            duration: number,
            easing:
                | "default"
                | "liner"
                | "swing"
                | "easeInQuad"
                | "easeOutQuad"
                | "easeInOutQuad"
                | "easeInCubic"
                | "easeOutCubic"
                | "easeInOutCubic"
                | "easeOutInCubic"
                | "easeInQuart"
                | "easeOutQuart"
                | "easeInOutQuart"
                | "easeOutInQuart"
                | "easeInQuint"
                | "easeOutQuint"
                | "easeInOutQuint"
                | "easeOutInQuint"
                | "easeInSine"
                | "easeOutSine"
                | "easeInOutSine"
                | "easeOutInSine"
                | "easeInExpo"
                | "easeOutExpo"
                | "easeInOutExpo"
                | "easeOutInExpo"
                | "easeInCirc"
                | "easeOutCirc"
                | "easeInOutCirc"
                | "easeOutInCirc"
                | "easeInElastic"
                | "easeOutElastic"
                | "easeInOutElastic"
                | "easeOutInElastic"
                | "easeInBack"
                | "easeOutBack"
                | "easeInOutBack"
                | "easeOutInBack"
                | "easeInBounce"
                | "easeOutBounce"
                | "easeInOutBounce"
                | "easeOutInBounce",
        ): this;
        fromTo(
            target: object,
            beginProps: object,
            finishProps: object,
            duration: number,
            easing:
                | "default"
                | "liner"
                | "swing"
                | "easeInQuad"
                | "easeOutQuad"
                | "easeInOutQuad"
                | "easeInCubic"
                | "easeOutCubic"
                | "easeInOutCubic"
                | "easeOutInCubic"
                | "easeInQuart"
                | "easeOutQuart"
                | "easeInOutQuart"
                | "easeOutInQuart"
                | "easeInQuint"
                | "easeOutQuint"
                | "easeInOutQuint"
                | "easeOutInQuint"
                | "easeInSine"
                | "easeOutSine"
                | "easeInOutSine"
                | "easeOutInSine"
                | "easeInExpo"
                | "easeOutExpo"
                | "easeInOutExpo"
                | "easeOutInExpo"
                | "easeInCirc"
                | "easeOutCirc"
                | "easeInOutCirc"
                | "easeOutInCirc"
                | "easeInElastic"
                | "easeOutElastic"
                | "easeInOutElastic"
                | "easeOutInElastic"
                | "easeInBack"
                | "easeOutBack"
                | "easeInOutBack"
                | "easeOutInBack"
                | "easeInBounce"
                | "easeOutBounce"
                | "easeInOutBounce"
                | "easeOutInBounce",
        ): this;
        gain(time: number): this;
        has(type: string): boolean;
        hasEventListener(type: string): boolean;
        off(type: string, listener: Function): this;
        on(type: string, listener: Function): this;
        one(type: string, listener: Function): this;
        removeEventListener(type: string, listener: Function): this;
        seek(time: number): this;
        to(
            target: object,
            finishProps: object,
            duration: number,
            easing:
                | "default"
                | "liner"
                | "swing"
                | "easeInQuad"
                | "easeOutQuad"
                | "easeInOutQuad"
                | "easeInCubic"
                | "easeOutCubic"
                | "easeInOutCubic"
                | "easeOutInCubic"
                | "easeInQuart"
                | "easeOutQuart"
                | "easeInOutQuart"
                | "easeOutInQuart"
                | "easeInQuint"
                | "easeOutQuint"
                | "easeInOutQuint"
                | "easeOutInQuint"
                | "easeInSine"
                | "easeOutSine"
                | "easeInOutSine"
                | "easeOutInSine"
                | "easeInExpo"
                | "easeOutExpo"
                | "easeInOutExpo"
                | "easeOutInExpo"
                | "easeInCirc"
                | "easeOutCirc"
                | "easeInOutCirc"
                | "easeOutInCirc"
                | "easeInElastic"
                | "easeOutElastic"
                | "easeInOutElastic"
                | "easeOutInElastic"
                | "easeInBack"
                | "easeOutBack"
                | "easeInOutBack"
                | "easeOutInBack"
                | "easeInBounce"
                | "easeOutBounce"
                | "easeInOutBounce"
                | "easeOutInBounce",
        ): this;
        yoyo(): this;
    }

    Hierarchy (View Summary)

    Index

    Properties

    easing

    Methods

    addEventListener backward by clear clearEventListener dispatchEvent dispatchEventByType fire flare forward from fromTo gain has hasEventListener off on one removeEventListener seek to yoyo

    Properties

    easing: string

    Methods

    • Parameters

      • time: number

      Returns this

    • Parameters

      • target: object
      • props: object
      • duration: object
      • easing:
            | "default"
            | "liner"
            | "swing"
            | "easeInQuad"
            | "easeOutQuad"
            | "easeInOutQuad"
            | "easeInCubic"
            | "easeOutCubic"
            | "easeInOutCubic"
            | "easeOutInCubic"
            | "easeInQuart"
            | "easeOutQuart"
            | "easeInOutQuart"
            | "easeOutInQuart"
            | "easeInQuint"
            | "easeOutQuint"
            | "easeInOutQuint"
            | "easeOutInQuint"
            | "easeInSine"
            | "easeOutSine"
            | "easeInOutSine"
            | "easeOutInSine"
            | "easeInExpo"
            | "easeOutExpo"
            | "easeInOutExpo"
            | "easeOutInExpo"
            | "easeInCirc"
            | "easeOutCirc"
            | "easeInOutCirc"
            | "easeOutInCirc"
            | "easeInElastic"
            | "easeOutElastic"
            | "easeInOutElastic"
            | "easeOutInElastic"
            | "easeInBack"
            | "easeOutBack"
            | "easeInOutBack"
            | "easeOutInBack"
            | "easeInBounce"
            | "easeOutBounce"
            | "easeInOutBounce"
            | "easeOutInBounce"

      Returns this

    • Parameters

      • time: number

      Returns this

    • Parameters

      • target: object
      • beginProps: object
      • duration: number
      • easing:
            | "default"
            | "liner"
            | "swing"
            | "easeInQuad"
            | "easeOutQuad"
            | "easeInOutQuad"
            | "easeInCubic"
            | "easeOutCubic"
            | "easeInOutCubic"
            | "easeOutInCubic"
            | "easeInQuart"
            | "easeOutQuart"
            | "easeInOutQuart"
            | "easeOutInQuart"
            | "easeInQuint"
            | "easeOutQuint"
            | "easeInOutQuint"
            | "easeOutInQuint"
            | "easeInSine"
            | "easeOutSine"
            | "easeInOutSine"
            | "easeOutInSine"
            | "easeInExpo"
            | "easeOutExpo"
            | "easeInOutExpo"
            | "easeOutInExpo"
            | "easeInCirc"
            | "easeOutCirc"
            | "easeInOutCirc"
            | "easeOutInCirc"
            | "easeInElastic"
            | "easeOutElastic"
            | "easeInOutElastic"
            | "easeOutInElastic"
            | "easeInBack"
            | "easeOutBack"
            | "easeInOutBack"
            | "easeOutInBack"
            | "easeInBounce"
            | "easeOutBounce"
            | "easeInOutBounce"
            | "easeOutInBounce"

      Returns this

    • Parameters

      • target: object
      • beginProps: object
      • finishProps: object
      • duration: number
      • easing:
            | "default"
            | "liner"
            | "swing"
            | "easeInQuad"
            | "easeOutQuad"
            | "easeInOutQuad"
            | "easeInCubic"
            | "easeOutCubic"
            | "easeInOutCubic"
            | "easeOutInCubic"
            | "easeInQuart"
            | "easeOutQuart"
            | "easeInOutQuart"
            | "easeOutInQuart"
            | "easeInQuint"
            | "easeOutQuint"
            | "easeInOutQuint"
            | "easeOutInQuint"
            | "easeInSine"
            | "easeOutSine"
            | "easeInOutSine"
            | "easeOutInSine"
            | "easeInExpo"
            | "easeOutExpo"
            | "easeInOutExpo"
            | "easeOutInExpo"
            | "easeInCirc"
            | "easeOutCirc"
            | "easeInOutCirc"
            | "easeOutInCirc"
            | "easeInElastic"
            | "easeOutElastic"
            | "easeInOutElastic"
            | "easeOutInElastic"
            | "easeInBack"
            | "easeOutBack"
            | "easeInOutBack"
            | "easeOutInBack"
            | "easeInBounce"
            | "easeOutBounce"
            | "easeInOutBounce"
            | "easeOutInBounce"

      Returns this

    • Parameters

      • time: number

      Returns this

    • Parameters

      • time: number

      Returns this

    • Parameters

      • target: object
      • finishProps: object
      • duration: number
      • easing:
            | "default"
            | "liner"
            | "swing"
            | "easeInQuad"
            | "easeOutQuad"
            | "easeInOutQuad"
            | "easeInCubic"
            | "easeOutCubic"
            | "easeInOutCubic"
            | "easeOutInCubic"
            | "easeInQuart"
            | "easeOutQuart"
            | "easeInOutQuart"
            | "easeOutInQuart"
            | "easeInQuint"
            | "easeOutQuint"
            | "easeInOutQuint"
            | "easeOutInQuint"
            | "easeInSine"
            | "easeOutSine"
            | "easeInOutSine"
            | "easeOutInSine"
            | "easeInExpo"
            | "easeOutExpo"
            | "easeInOutExpo"
            | "easeOutInExpo"
            | "easeInCirc"
            | "easeOutCirc"
            | "easeInOutCirc"
            | "easeOutInCirc"
            | "easeInElastic"
            | "easeOutElastic"
            | "easeInOutElastic"
            | "easeOutInElastic"
            | "easeInBack"
            | "easeOutBack"
            | "easeInOutBack"
            | "easeOutInBack"
            | "easeInBounce"
            | "easeOutBounce"
            | "easeInOutBounce"
            | "easeOutInBounce"

      Returns this

    Settings

    Member Visibility

    On This Page

    Properties
    Methods