logo svelte /motion v1.1.0
FIG-001/ THREE

mesh motion, shader ripple.

A registered threeEffect springs a torus knot while the same Motion API animates its shader progress uniform.

  • animate(mesh) drives Three.js transform shorthands.
  • threeEffect writes the progress MotionValue into the shader.
  • frame.preRender updates both before Three.js renders.
↩ all examples
api · threeEffectinput · animate.addEffectmode · live mode · live running source
// three-effect rotateY 0.00 rad · progress 0.00
mesh + shader uniform frame.preRender
category · three
sheet · sheet 01 / 01
⟳ to re-run

Three.js Effect