Cinematic effects

Cinematic effects animate material and texture properties in the render loop. They work with meshes, lines, and point clouds.

Built-in effects

Effect	Typical result
cosmic-pulse	Emissive, color, opacity, point-size, and PBR breathing
texture-vortex	Rotating and shifting UV transforms with material energy
hologram-scan	Scanning transparency and cool emissive tint
chrome-breathe	Oscillating high-metalness, low-roughness surface
none	Restores captured original values

Viewer usage

<ModelLabViewer
  src="/models/galaxy.glb"
  effect={{
    type: 'texture-vortex',
    intensity: 1.1,
    speed: 0.15,
    color: '#67e8f9',
  }}
/>

Deterministic progress

Pass progress from zero to one to synchronize the effect with scrolling or another timeline:

effect={{
  type: 'hologram-scan',
  progress: scrollProgress,
  intensity: 0.8,
}}

Headless usage

<CinematicEffectDriver
  modelRef={modelRef}
  effect={effect}
  progressRef={sequenceProgressRef}
/>

The driver captures original material state and restores it when the effect changes or unmounts.