08 Lo que Three.js escribe por ti
onBeforeCompile: reescribir los vértices de un material integrado
Conserva la iluminación de Three.js e inserta una línea en el shader de vértices.
00.5
Ejercicio
Arrastra los números subrayados a izquierda y derechaArrastra los números o edita el código
// añadido al shader de vértices del material integradouniform float uTime; // 0.00uniform float uAmount; // transformed.y += sin(position.x * 5.0 + uTime) * uAmount;// malla de alambre
Cálculo de vértices personalizadoAñade deformación a un material existente; las normales necesitan un tratamiento acorde.Lado JS
onBeforeCompile inserta código de vértices en un material integrado: conservas su iluminación y solo cambias la forma.
Pruébalo
- Pon la deformación en 0.5
- Activa la malla de alambre: los vértices se mueven de verdad