De Blender a la web: pipeline glTF para Three.js y Unity
De la Wiki de Creación de OpenDrama
Un modelo que se ve bien en Blender puede hundir un juego de navegador. El navegador tiene que descargarlo, la GPU tiene que guardarlo y un móvil tiene que dibujarlo 60 veces por segundo con una fracción de la potencia de un portátil. Esta es la receta de exportación que usamos para pasar de una escena de Blender, hecha a mano o salida directamente de una herramienta de imagen a 3D, a archivos GLB que cargan en segundos y mantienen los fps en Three.js o en una build web de Unity.
El orden importa: primero el presupuesto, luego reducir polígonos, hornear, fijar el tamaño de las texturas, nombrar, comprimir una sola vez al final y medir en un móvil real. Si te saltas el presupuesto, acabas una semana optimizando lo que no era el problema.
Cuándo usarlo
Úsalo siempre que un asset 3D salga de Blender hacia un navegador. Lo necesitas sobre todo cuando:
- Tus mallas vienen de Tripo, Meshy, Rodin o Hunyuan3D. La salida en bruto suele tener 100k–500k triángulos y texturas de 2K–4K por objeto; diez de esas y la escena solo corre en escritorio.
- El juego va a 60 fps en tu portátil pero a 15–25 fps en un móvil de gama media, o la pestaña del móvil se recarga sola al minuto. Eso es memoria de GPU, no tu código.
- La primera descarga supera ~10 MB, o un solo GLB supera ~5 MB.
- En el móvil,
renderer.infomarca más de ~100 draw calls o más de ~200k triángulos en pantalla.
Si tu escena rompe cualquiera de esas cifras, el tiempo se va en los pasos de abajo. Puedes saltarte casi todo en un visor de producto de un solo modelo solo para escritorio y en prototipos con cajas grises, donde las cajas ganan a cualquier optimización. Si las mallas salen de una herramienta de imagen a 3D, límpialas antes con assets de imagen a 3D y vuelve aquí para exportar.
Los miembros siguen leyendo
El resto de esta página es para miembros
- 15 pasos más
- 4 tablas de referencia
- 6 secciones más
Crea una cuenta gratis, recarga una vez —desde 0,99 US$— y toda la wiki es tuya.
- Todos los desmontajes, Skills y Prompts
- Páginas nuevas cada día
- Copia los prompts con un toque
Véase también
Desmontajes que lo usan
Más en 3D
Ver todo →Un fantasmita bajo la lluvia: tela en Three.js, diseño de GPT 6 Astra y código de Opus 5.5
Chetan Ankola creó en el navegador un fantasma con un farol: lluvia, agua negra y una tela que ondea. GPT 6 Astra hizo el diseño y Claude Opus 5.5 escribió el Three.js. Miramos la tela, la luz y cinco pequeñas interacciones.
Un prompt, cuatro agentes y un crítico: un templo japonés en Blender con Gemini 4 Argon
Gemini 4 Argon, desde Antigravity, levantó en Blender un templo japonés con pagoda de cinco pisos a partir de un solo prompt. Desmontamos ese prompt: skill, planos, referencias de Nano Banana, cuatro subagentes y un crítico.
Mismo prompt, otro resultado: Gemini 4 Argon arma el taller de Da Vinci en Antigravity
maxescu repitió en Antigravity el prompt exacto con el que @techhalla comparó Gemini 4 Argon y Opus 5.5 y obtuvo un museo interactivo de cuatro máquinas de Da Vinci. Cómo está construida la escena y por qué una sola ejecución por modelo demuestra poco.
