Dissolve and spawn
three.js and WebGL · A cut between two pictures · MIT
- What it does
Makes an object appear or vanish in small blocks with a glowing edge. One uniform, uProgress from 0 to 1, is the whole state, which makes it an easy 3D transition to drive from a frame number.
- Get it
material.onBeforeCompile = ...; material.customProgramCacheKey = () => 'dissolve'; material.userData.shader.uniforms.uProgress.value = progress;
- 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