THREE.JS / TEXTURE LOADER CONTRACT

Animation becomes texture.

The pinned Lottie gallery source uses FileLoader for JSON, lottie-web@5.13.0 for a canvas animation, an updating CanvasTexture, a rounded box, RoomEnvironment / PMREM, and a frame scrubber. This local study keeps that ownership seam observable with deterministic animationData.

frame 0 / 60

play loop

StartingWEBGL2 / LOTTIE

Preparing the local FileLoader-to-CanvasTexture contract.

loader seam: —
frame: —
canvas: —
texture updates: —
sample avg / p95: —

The official 24017-lottie-logo-animation.json, external lottie-web renderer behavior, exact page/canvas/pixel presentation, arbitrary Lottie feature matrix, device/backend breadth, and whole-example fidelity remain separate boundaries.

Sources: official Lottie texture example · pinned source · CanvasTexture docs