Skip to content

trails()

ts
function trails(params?: {
  erosion?: number;
  fadeout?: number;
  tailColor?: [number, number, number, number];
  tailColorFalloff?: number;
}): CompositeEffectPass<{
  get uErosion(): number;
  get uFadeout(): number;
  get uTailColor(): [number, number, number, number];
  get uTailColorFalloff(): number;
}>;

Creates a trails / persistence effect.

This effect uses double buffering (ping-pong FBO) to accumulate colors over time, creating a trailing effect behind moving objects.

Example: Trails (builtin)

Parameters

params?

Configuration for the trails effect.

erosion?

number

Intensity of the erosion effect that makes the trails shorter.

Default

ts
0;

fadeout?

number

Intensity of the trails fadeout. Higher values make the trails fade out faster.

Default

ts
0.25;

tailColor?

[number, number, number, number]

Color of the tail of the trails as [r, g, b, a], each component between 0 and 1.

Default

ts
[1, 1, 1, 1];

tailColorFalloff?

number

How quickly the original color fades to the tail color.

Default

ts
0;

Returns

CompositeEffectPass<{ get uErosion(): number; get uFadeout(): number; get uTailColor(): [number, number, number, number]; get uTailColorFalloff(): number; }>

Released under the MIT License.