WebGL / Three.js

Desarrollo con Three.js y WebGL para configuradores, gemelos digitales y datos 3D

Iniciar un proyecto

El 3D en el navegador dejó de ser una novedad: los configuradores venden muebles y coches, los gemelos digitales muestran el estado en vivo de una planta y los datos de ingeniería se entienden mejor como modelo que como tabla. Lo que separa una demo de un producto es el pipeline de assets y el presupuesto de rendimiento.

Construimos aplicaciones web 3D con Three.js, React Three Fiber y WebGPU donde está disponible — desde el pipeline Blender→glTF, pasando por el diseño de interacción, hasta la estrategia de carga que lo hace usable en un móvil de gama media.

Lo que construimos

  • —Configuradores de producto con reglas de precio, variantes y exportación a presupuesto o carrito
  • —Gemelos digitales conectados a datos en vivo de IoT, ERP o MES
  • —Visualización de datos 3D para ingeniería, GIS, energía y logística
  • —Formación interactiva, simulación y visitas virtuales
  • —Pipeline de assets: glTF/GLB, compresión Draco/Meshopt, texturas KTX2, LODs
  • —Optimización de proyectos WebGL existentes (draw calls, memoria, móvil)

Cómo transcurre un proyecto

  1. 01

    Alcance y auditoría de assets

    Qué debe ser interactivo, cómo son los modelos hoy, qué dispositivos importan. Resultado: presupuesto de rendimiento y plan de assets.

  2. 02

    Pipeline y prototipo

    Convertir y optimizar un asset representativo; construir la interacción sobre él; medir en los dispositivos objetivo.

  3. 03

    Construcción

    Conjunto completo de funcionalidades, integración con datos de producto y comercio, alternativas de accesibilidad.

  4. 04

    Publicar y medir

    Estrategia de carga, analítica de interacción, entrega por CDN, traspaso del pipeline para que tu equipo añada productos.

Preguntas frecuentes

¿Cuánto cuesta un proyecto web 3D?
El número de modelos y su nivel de interactividad pesan más en el coste que el código. Un único producto configurable son semanas; un catálogo con integración de datos en vivo son meses. La preparación de assets suele ser un tercio del esfuerzo.
¿Funcionará en el móvil?
Sí, si se diseña para ello desde el principio: presupuesto de texturas, geometría comprimida, niveles de detalle y estrategia de carga. Adaptar después una escena pensada para escritorio sale caro.
¿Three.js, Babylon.js o Unity WebGL?
Three.js para la mayoría de trabajos de producto y datos, especialmente con React; Babylon.js cuando se quiere un motor más completo de serie; Unity solo cuando el proyecto es realmente un juego y el tamaño de carga es aceptable.
¿Podéis usar nuestros archivos CAD o BIM?
Normalmente sí, tras conversión y simplificación. Los modelos CAD traen mucho más detalle del que necesita el navegador; parte del pipeline es decidir qué conservar.

¿Tienes un sistema en mente?

Envíanos una descripción breve del problema, las herramientas actuales y el plazo. Respondemos en dos días hábiles con los siguientes pasos o con un franco “esto no es para nosotros”.

Iniciar un proyecto