Interface WebchalkPresetMotionEffects

Typings for the preset motion animation effects that come with the library's motion effect bank.

interface WebchalkPresetMotionEffects {
    "~move-to": {
        defaultConfig: {};
        howOftenBuildGenerators: "on-every-play";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    MotionClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            targetElem: Element | null | undefined,
            translationOptions?: Partial<MoveToOptions>,
        ): {
            keyframesGenerator_play: () => { translate: string }[];
            keyframesGenerator_rewind: () => { translate: string }[];
        };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-every-play";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    MotionClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            targetElem: Element | null | undefined,
            translationOptions?: Partial<MoveToOptions>,
        ): {
            keyframesGenerator_play: () => { translate: string }[];
            keyframesGenerator_rewind: () => { translate: string }[];
        };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-every-play";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    MotionClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            targetElem: Element | null | undefined,
            translationOptions?: Partial<MoveToOptions>,
        ): {
            keyframesGenerator_play: () => { translate: string }[];
            keyframesGenerator_rewind: () => { translate: string }[];
        };
    } & {
        defaultConfig: {};
        howOftenBuildGenerators: "on-every-play";
        immutableConfig: { composite: "accumulate" };
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    MotionClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            targetElem: Element | null | undefined,
            translationOptions?: Partial<MoveToOptions>,
        ): {
            keyframesGenerator_play: () => { translate: string }[];
            keyframesGenerator_rewind: () => { translate: string }[];
        };
    };
    "~translate": {
        defaultConfig: { composite: "accumulate" };
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: {};
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    MotionClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            translationOptions?: Partial<TranslateOptions>,
        ): {
            keyframesGenerator_play: () => { translate: string }[];
            keyframesGenerator_rewind: () => { translate: string }[];
        };
    } & {
        defaultConfig: { composite: "accumulate" };
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: {};
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    MotionClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            translationOptions?: Partial<TranslateOptions>,
        ): {
            keyframesGenerator_play: () => { translate: string }[];
            keyframesGenerator_rewind: () => { translate: string }[];
        };
    } & {
        defaultConfig: { composite: "accumulate" };
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: {};
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    MotionClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            translationOptions?: Partial<TranslateOptions>,
        ): {
            keyframesGenerator_play: () => { translate: string }[];
            keyframesGenerator_rewind: () => { translate: string }[];
        };
    } & {
        defaultConfig: { composite: "accumulate" };
        howOftenBuildGenerators: "on-first-play-only";
        immutableConfig: {};
        buildFrameGenerators(
            this: Readonly<
                Pick<
                    MotionClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<(...), (...)>>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                    >,
                    | "domElem"
                    | "getEffectDetails"
                    | "getStatus"
                    | "getStyles"
                    | "getTiming",
                >,
            > & Readonly<
                Pick<
                    AnimClip<
                        Readonly<
                            StripDuplicateMethodAutocompletion<
                                {
                                    defaultConfig?: (...) & (...);
                                    howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                    immutableConfig?: (...) & (...);
                                    buildFrameGenerators(
                                        this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                        ...effectOptions: unknown[],
                                    ): EffectFrameGeneratorSet;
                                },
                            >,
                        >,
                        AnimClipConfig,
                    >,
                    "computeTween",
                >,
            >,
            translationOptions?: Partial<TranslateOptions>,
        ): {
            keyframesGenerator_play: () => { translate: string }[];
            keyframesGenerator_rewind: () => { translate: string }[];
        };
    };
}

Index

Properties

~move-to ~translate

Properties

~move-to

"~move-to": {
    defaultConfig: {};
    howOftenBuildGenerators: "on-every-play";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                MotionClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        targetElem: Element | null | undefined,
        translationOptions?: Partial<MoveToOptions>,
    ): {
        keyframesGenerator_play: () => { translate: string }[];
        keyframesGenerator_rewind: () => { translate: string }[];
    };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-every-play";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                MotionClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        targetElem: Element | null | undefined,
        translationOptions?: Partial<MoveToOptions>,
    ): {
        keyframesGenerator_play: () => { translate: string }[];
        keyframesGenerator_rewind: () => { translate: string }[];
    };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-every-play";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                MotionClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        targetElem: Element | null | undefined,
        translationOptions?: Partial<MoveToOptions>,
    ): {
        keyframesGenerator_play: () => { translate: string }[];
        keyframesGenerator_rewind: () => { translate: string }[];
    };
} & {
    defaultConfig: {};
    howOftenBuildGenerators: "on-every-play";
    immutableConfig: { composite: "accumulate" };
    buildFrameGenerators(
        this: Readonly<
            Pick<
                MotionClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        targetElem: Element | null | undefined,
        translationOptions?: Partial<MoveToOptions>,
    ): {
        keyframesGenerator_play: () => { translate: string }[];
        keyframesGenerator_rewind: () => { translate: string }[];
    };
} = ...

The element is moved with respect to another element.

Type Declaration

defaultConfig: {}
howOftenBuildGenerators: "on-every-play"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              MotionClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      targetElem: Element | null | undefined,
      translationOptions?: Partial<MoveToOptions>,
  ): {
      keyframesGenerator_play: () => { translate: string }[];
      keyframesGenerator_rewind: () => { translate: string }[];
  }
  Parameters
  - this: Readonly<
        Pick<
            MotionClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - targetElem: Element | null | undefined
    The element to which our element should move.
  - translationOptions: Partial<MoveToOptions> = {}
    An options object defining the behavior of the motion.
  Returns {
  keyframesGenerator_play: () => { translate: string }[];
  keyframesGenerator_rewind: () => { translate: string }[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:661

defaultConfig: {}
howOftenBuildGenerators: "on-every-play"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              MotionClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      targetElem: Element | null | undefined,
      translationOptions?: Partial<MoveToOptions>,
  ): {
      keyframesGenerator_play: () => { translate: string }[];
      keyframesGenerator_rewind: () => { translate: string }[];
  }
  Parameters
  - this: Readonly<
        Pick<
            MotionClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - targetElem: Element | null | undefined
    The element to which our element should move.
  - translationOptions: Partial<MoveToOptions> = {}
    An options object defining the behavior of the motion.
  Returns {
  keyframesGenerator_play: () => { translate: string }[];
  keyframesGenerator_rewind: () => { translate: string }[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:661

defaultConfig: {}
howOftenBuildGenerators: "on-every-play"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              MotionClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      targetElem: Element | null | undefined,
      translationOptions?: Partial<MoveToOptions>,
  ): {
      keyframesGenerator_play: () => { translate: string }[];
      keyframesGenerator_rewind: () => { translate: string }[];
  }
  Parameters
  - this: Readonly<
        Pick<
            MotionClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - targetElem: Element | null | undefined
    The element to which our element should move.
  - translationOptions: Partial<MoveToOptions> = {}
    An options object defining the behavior of the motion.
  Returns {
  keyframesGenerator_play: () => { translate: string }[];
  keyframesGenerator_rewind: () => { translate: string }[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:661

defaultConfig: {}
howOftenBuildGenerators: "on-every-play"
immutableConfig: { composite: "accumulate" }
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              MotionClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      targetElem: Element | null | undefined,
      translationOptions?: Partial<MoveToOptions>,
  ): {
      keyframesGenerator_play: () => { translate: string }[];
      keyframesGenerator_rewind: () => { translate: string }[];
  }
  Parameters
  - this: Readonly<
        Pick<
            MotionClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - targetElem: Element | null | undefined
    The element to which our element should move.
  - translationOptions: Partial<MoveToOptions> = {}
    An options object defining the behavior of the motion.
  Returns {
  keyframesGenerator_play: () => { translate: string }[];
  keyframesGenerator_rewind: () => { translate: string }[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:661

~translate

"~translate": {
    defaultConfig: { composite: "accumulate" };
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: {};
    buildFrameGenerators(
        this: Readonly<
            Pick<
                MotionClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        translationOptions?: Partial<TranslateOptions>,
    ): {
        keyframesGenerator_play: () => { translate: string }[];
        keyframesGenerator_rewind: () => { translate: string }[];
    };
} & {
    defaultConfig: { composite: "accumulate" };
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: {};
    buildFrameGenerators(
        this: Readonly<
            Pick<
                MotionClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        translationOptions?: Partial<TranslateOptions>,
    ): {
        keyframesGenerator_play: () => { translate: string }[];
        keyframesGenerator_rewind: () => { translate: string }[];
    };
} & {
    defaultConfig: { composite: "accumulate" };
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: {};
    buildFrameGenerators(
        this: Readonly<
            Pick<
                MotionClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        translationOptions?: Partial<TranslateOptions>,
    ): {
        keyframesGenerator_play: () => { translate: string }[];
        keyframesGenerator_rewind: () => { translate: string }[];
    };
} & {
    defaultConfig: { composite: "accumulate" };
    howOftenBuildGenerators: "on-first-play-only";
    immutableConfig: {};
    buildFrameGenerators(
        this: Readonly<
            Pick<
                MotionClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<(...), (...)>>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                >,
                "domElem"
                | "getEffectDetails"
                | "getStatus"
                | "getStyles"
                | "getTiming",
            >,
        > & Readonly<
            Pick<
                AnimClip<
                    Readonly<
                        StripDuplicateMethodAutocompletion<
                            {
                                defaultConfig?: (...) & (...);
                                howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                                immutableConfig?: (...) & (...);
                                buildFrameGenerators(
                                    this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                    ...effectOptions: unknown[],
                                ): EffectFrameGeneratorSet;
                            },
                        >,
                    >,
                    AnimClipConfig,
                >,
                "computeTween",
            >,
        >,
        translationOptions?: Partial<TranslateOptions>,
    ): {
        keyframesGenerator_play: () => { translate: string }[];
        keyframesGenerator_rewind: () => { translate: string }[];
    };
} = ...

The element moves based on the specified translation options.

Type Declaration

defaultConfig: { composite: "accumulate" }
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: {}
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              MotionClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      translationOptions?: Partial<TranslateOptions>,
  ): {
      keyframesGenerator_play: () => { translate: string }[];
      keyframesGenerator_rewind: () => { translate: string }[];
  }
  Parameters
  - this: Readonly<
        Pick<
            MotionClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - translationOptions: Partial<TranslateOptions> = {}
    An options object defining the behavior of the motion.
  Returns {
  keyframesGenerator_play: () => { translate: string }[];
  keyframesGenerator_rewind: () => { translate: string }[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:734

defaultConfig: { composite: "accumulate" }
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: {}
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              MotionClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      translationOptions?: Partial<TranslateOptions>,
  ): {
      keyframesGenerator_play: () => { translate: string }[];
      keyframesGenerator_rewind: () => { translate: string }[];
  }
  Parameters
  - this: Readonly<
        Pick<
            MotionClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - translationOptions: Partial<TranslateOptions> = {}
    An options object defining the behavior of the motion.
  Returns {
  keyframesGenerator_play: () => { translate: string }[];
  keyframesGenerator_rewind: () => { translate: string }[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:734

defaultConfig: { composite: "accumulate" }
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: {}
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              MotionClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      translationOptions?: Partial<TranslateOptions>,
  ): {
      keyframesGenerator_play: () => { translate: string }[];
      keyframesGenerator_rewind: () => { translate: string }[];
  }
  Parameters
  - this: Readonly<
        Pick<
            MotionClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - translationOptions: Partial<TranslateOptions> = {}
    An options object defining the behavior of the motion.
  Returns {
  keyframesGenerator_play: () => { translate: string }[];
  keyframesGenerator_rewind: () => { translate: string }[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:734

defaultConfig: { composite: "accumulate" }
howOftenBuildGenerators: "on-first-play-only"
immutableConfig: {}
buildFrameGenerators: function
- buildFrameGenerators(
      this: Readonly<
          Pick<
              MotionClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<(...), (...)>>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
              >,
              "domElem"
              | "getEffectDetails"
              | "getStatus"
              | "getStyles"
              | "getTiming",
          >,
      > & Readonly<
          Pick<
              AnimClip<
                  Readonly<
                      StripDuplicateMethodAutocompletion<
                          {
                              defaultConfig?: (...) & (...);
                              howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                              immutableConfig?: (...) & (...);
                              buildFrameGenerators(
                                  this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                  ...effectOptions: unknown[],
                              ): EffectFrameGeneratorSet;
                          },
                      >,
                  >,
                  AnimClipConfig,
              >,
              "computeTween",
          >,
      >,
      translationOptions?: Partial<TranslateOptions>,
  ): {
      keyframesGenerator_play: () => { translate: string }[];
      keyframesGenerator_rewind: () => { translate: string }[];
  }
  Parameters
  - this: Readonly<
        Pick<
            MotionClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<(...), (...)>>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
            >,
            "domElem"
            | "getEffectDetails"
            | "getStatus"
            | "getStyles"
            | "getTiming",
        >,
    > & Readonly<
        Pick<
            AnimClip<
                Readonly<
                    StripDuplicateMethodAutocompletion<
                        {
                            defaultConfig?: (...) & (...);
                            howOftenBuildGenerators?: "on-first-play-only" | "on-every-play";
                            immutableConfig?: (...) & (...);
                            buildFrameGenerators(
                                this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<{ defaultConfig?: (Partial<unknown> & object) | undefined; immutableConfig?: (Partial<unknown> & object) | undefined; howOftenBuildGenerators?: "on-first-play-only" | "on-every-play" | undefined; buildFrameGenerators(this: Readonly<Pick<AnimClip<Readonly<StripDuplicateMethodAutocompletion<any>>, AnimClipConfig>, "computeTween">>, ...effectOptions: unknown[]): EffectFrameGeneratorSet; }>>, AnimClipConfig>, "computeTween">>,
                                ...effectOptions: unknown[],
                            ): EffectFrameGeneratorSet;
                        },
                    >,
                >,
                AnimClipConfig,
            >,
            "computeTween",
        >,
    >
  - translationOptions: Partial<TranslateOptions> = {}
    An options object defining the behavior of the motion.
  Returns {
  keyframesGenerator_play: () => { translate: string }[];
  keyframesGenerator_rewind: () => { translate: string }[];
  }
  - Defined in src/2_animationEffects/webchalkPresetEffectBanks.ts:734

Interface WebchalkPresetMotionEffects

Index

Properties

Properties

~move-to

Type Declaration

defaultConfig: {}

howOftenBuildGenerators: "on-every-play"

immutableConfig: { composite: "accumulate" }

buildFrameGenerators: function

Parameters

Returns { keyframesGenerator_play: () => { translate: string }[]; keyframesGenerator_rewind: () => { translate: string }[];}

defaultConfig: {}

howOftenBuildGenerators: "on-every-play"

immutableConfig: { composite: "accumulate" }

buildFrameGenerators: function

Parameters

Returns { keyframesGenerator_play: () => { translate: string }[]; keyframesGenerator_rewind: () => { translate: string }[];}

defaultConfig: {}

howOftenBuildGenerators: "on-every-play"

immutableConfig: { composite: "accumulate" }

buildFrameGenerators: function

Parameters

Returns { keyframesGenerator_play: () => { translate: string }[]; keyframesGenerator_rewind: () => { translate: string }[];}

defaultConfig: {}

howOftenBuildGenerators: "on-every-play"

immutableConfig: { composite: "accumulate" }

buildFrameGenerators: function

Parameters

Returns { keyframesGenerator_play: () => { translate: string }[]; keyframesGenerator_rewind: () => { translate: string }[];}

~translate

Type Declaration

defaultConfig: { composite: "accumulate" }

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: {}

buildFrameGenerators: function

Parameters

Returns { keyframesGenerator_play: () => { translate: string }[]; keyframesGenerator_rewind: () => { translate: string }[];}

defaultConfig: { composite: "accumulate" }

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: {}

buildFrameGenerators: function

Parameters

Returns { keyframesGenerator_play: () => { translate: string }[]; keyframesGenerator_rewind: () => { translate: string }[];}

defaultConfig: { composite: "accumulate" }

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: {}

buildFrameGenerators: function

Parameters

Returns { keyframesGenerator_play: () => { translate: string }[]; keyframesGenerator_rewind: () => { translate: string }[];}

defaultConfig: { composite: "accumulate" }

howOftenBuildGenerators: "on-first-play-only"

immutableConfig: {}

buildFrameGenerators: function

Parameters

Returns { keyframesGenerator_play: () => { translate: string }[]; keyframesGenerator_rewind: () => { translate: string }[];}

Settings

On This Page

Returns {
keyframesGenerator_play: () => { translate: string }[];
keyframesGenerator_rewind: () => { translate: string }[];
}

Returns {
keyframesGenerator_play: () => { translate: string }[];
keyframesGenerator_rewind: () => { translate: string }[];
}

Returns {
keyframesGenerator_play: () => { translate: string }[];
keyframesGenerator_rewind: () => { translate: string }[];
}

Returns {
keyframesGenerator_play: () => { translate: string }[];
keyframesGenerator_rewind: () => { translate: string }[];
}

Returns {
keyframesGenerator_play: () => { translate: string }[];
keyframesGenerator_rewind: () => { translate: string }[];
}

Returns {
keyframesGenerator_play: () => { translate: string }[];
keyframesGenerator_rewind: () => { translate: string }[];
}

Returns {
keyframesGenerator_play: () => { translate: string }[];
keyframesGenerator_rewind: () => { translate: string }[];
}

Returns {
keyframesGenerator_play: () => { translate: string }[];
keyframesGenerator_rewind: () => { translate: string }[];
}