Shader Learn

08 Lo que Three.js escribe por ti

Animación: actualizar propiedades cada fotograma

Ajusta velocidad y amplitud; pausa para estudiar una postura.

03
01
Explicación

Arrastra los números subrayados a izquierda y derecha

// JS lo ejecuta cada fotogramaconst time = 0.00;mesh.position.y = Math.sin(time * )                * ;renderer.render(scene, camera);
Cada fotogramaJS actualiza propiedades; el renderizador vuelve a dibujar.

JS cambia propiedades en cada fotograma y vuelve a dibujar; como con uTime, una animación es una función «tiempo → postura».

Pruébalo

  • Pausa y luego cambia la amplitud
  • Pon la velocidad en 0