Wind sway
three.js and WebGL · A camera move · MIT
- What it does
Sways grass cards, flags or cables in the vertex shader, anchored at the base, with each instance of an InstancedMesh out of phase by its position. Time is one uniform (uTime), so it can be driven by a frame number.
- Get it
material.onBeforeCompile = ...; material.customProgramCacheKey = () => 'wind-sway'; 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