Scrolling emissive panels
three.js and WebGL · MIT
- What it does
Bands of light that travel along a surface, for energy conduits, charge bars and data flowing through a pipe. Time is one uniform (uTime) that you write each frame, so it can be driven by a frame number.
- Get it
material.onBeforeCompile = ...; material.customProgramCacheKey = () => 'scroll-emissive'; each frame: material.userData.shader.uniforms.uTime.value = seconds;
- Needs (the whole pack)
Nothing to read the skills. To run what they build: Node and npm, Python 3 for the helper scripts, and Chromium through Playwright for the inspector and tests. Optional and paid: Tripo, Gemini and ElevenLabs keys for the three generator skills.
- License
MIT
- From