← VOLVER A LABS3D· TUTORIAL ·2024

Geometría Procedural

LECTURA

~9 min

TAGS

Three.jsAlgos

ACTUALIZADO

2024-07-28

Generación de mallas procedurales en el navegador sin assets externos.

01· Por qué procedural

Cero requests, variación infinita, tamaño de bundle constante.

02· BufferGeometry

Todo en Float32Array. Position, normal, uv — definidos a mano.

const positions = new Float32Array(vertCount * 3);
geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));

03· Noise

Simplex 3D para desplazamiento orgánico. Derivadas para normales correctas.