API

Class FlowGraphInterpolationBlock<T>

This block is responsible for interpolating between two values. The babylon concept used is Animation, and it is the output of this block.

Note that values will be parsed when the in connection is triggered. until then changing the value will not trigger a new interpolation.

Internally this block uses the Animation class.

Note that if the interpolation is already running a signal will be sent to stop the animation group running it.

Type Parameters

  • T

Hierarchy (View Summary)

Index
animation: FlowGraphDataConnection<any>

output connection: The animation that will be created when in is triggered.

customBuildAnimation: FlowGraphDataConnection<
    (
        target: any,
        propertname: any,
        context: FlowGraphContext,
    ) => (
        keys: any[],
        fps: number,
        animationType: number,
        easingFunction?: any,
    ) => any,
>

If provided, this function will be used to create the animation object(s).

easingFunction: FlowGraphDataConnection<EasingFunction>

Input connection: An optional easing function to use for the interpolation.

endValue: FlowGraphDataConnection<T>

Input connection: The value to interpolate to. Optional. This can also be set using the KeyFrames input! If provided it will be set to the last keyframe value.

initialValue: FlowGraphDataConnection<T>

Input connection: The value to interpolate from. Optional. If not provided, the current value will be used. Note that if provided, every time the animation is created this value will be used!

keyFrames: {
    duration: FlowGraphDataConnection<number>;
    value: FlowGraphDataConnection<T>;
}[] = []

The keyframes to interpolate between. Each keyframe has a duration input and a value input.

propertyName: FlowGraphDataConnection<string | string[]>

Input connection: The name of the property that will be set