Documentation / Bound / Bounds

Bounds<Animating>

type Bounds<Animating> = PartialFullBounds<PartialRecursiveAnimatable<Animating>>;

Defined in: ../../extensions/src/bound.ts:67

The bounds of the animation, which means that all values within the bounds are optional, including the the upper and lower objects. The animation will be loosely clamped to these bounds.

Type Parameters

Animating

Animating extends UnknownAnimatable

See

setupBoundsLayer for how to apply bounds to an animation.

Example

// Assuming the animation is of type {a: Vec2, b: Vec2}:
const bounds: PartialRecursiveBounds<{a: Vec2, b: Vec2}> = {
 lower: { a: {x: 0, y: 0}, b: {x: 0} },
 upper: { a: {x: 1, y: 1} }
} // note that b.y is not bounded and that b.x only has a lower bound. This is perfectly valid.