Generador de skybox
Convierte una imagen 360 equirectangular en seis caras de cubemap para usar como skybox en motores 3D.
Esta herramienta transforma una imagen panoramica 360 en las seis imagenes cuadradas que necesita un cubemap: derecha, izquierda, arriba, abajo, frente y atras. Todo ocurre en tu navegador, sin subir la imagen a servidores externos.
Es util cuando quieres preparar rapidamente fondos para escenas WebGL, prototipos en motores 3D, tutoriales de render o pruebas visuales sin abrir software pesado.
Casos de uso
- Preparar skyboxes para demos de Three.js, Babylon.js, Unity, Godot o motores propios.
- Convertir una textura equirectangular descargada o generada en un set de caras de cubemap.
- Revisar rapidamente la orientacion de un panorama antes de integrarlo en una escena.
Convertidor equirectangular a cubemap
Carga una imagen 360 local y genera seis caras cuadradas listas para descargar.
Acepta JPG o PNG. Para mejores resultados usa una imagen equirectangular 2:1.
Resoluciones grandes tardan mas y usan mas memoria.
Como usarla
- 1 Carga una imagen local en formato JPG o PNG. La proporcion ideal es 2:1, por ejemplo 4096 x 2048.
- 2 Elige la resolucion cuadrada de salida. Usa 512 o 1024 para pruebas rapidas y 2048 para resultados mas detallados.
- 3 Genera las caras del cubemap y descarga cada imagen resultante con nombres consistentes.
Detalles tecnicos
- La conversion se realiza con Canvas y un calculo de muestreo equirectangular a cubemap. No usa URLs remotas, por lo que evita problemas de CORS y canvas tainting.
- La herramienta no usa SharedArrayBuffer, COOP, COEP ni WebAssembly con threads, para mantener compatibilidad con AdSense y con la configuracion actual del sitio.
- Las caras se exportan como PNG para conservar calidad durante pruebas e integraciones.
- La orientacion de izquierda y derecha esta ajustada para coincidir con los slots de cubemap de Unity.
Preguntas frecuentes
Mi imagen se sube a algun servidor?
No. La imagen se lee desde tu dispositivo y se procesa localmente en el navegador.
Que proporcion debe tener la imagen de entrada?
Lo recomendable es una imagen equirectangular 2:1. Si usas otra proporcion, la herramienta intentara convertirla, pero el resultado puede verse deformado.
Por que no acepta URLs externas?
Trabajar con URLs remotas puede bloquear la exportacion del canvas si el servidor externo no permite CORS. El flujo por archivo local es mas privado, estable y compatible con la filosofia serverless del proyecto.