← Todos los proyectos
Proyecto propio · 3DDemo en vivo

Estructuras 3D

Un solo motor 3D, un sector por rubro. Galpones, viviendas prefabricadas y boxes equinos que se rearman en el navegador mientras movés los controles, para que el cliente vea lo que compra antes de firmar.

Estructuras 3D — configurador de galpones
Demo en vivo

Esto no es un video

Es el motor dibujando en vivo en tu navegador, en el mismo formato vertical que uso para los reels. Una nave industrial se arma pieza por pieza, cambia cerramientos, techos y colores, abre el portón, se desnuda hasta la estructura y pasa del atardecer a la noche con las luces encendidas.

  • Solo se carga cuando tocás play
  • Se repite sola
  • Para jugar con todos los parámetros, abrí el configurador completo
Abrir el configurador completo ↗
Rubros

Mismo motor, tres productos

Galpón y tinglado

Galpón y tinglado

Pórticos reticulados o de alma llena, cubierta a dos aguas, un agua o parabólica, cerramientos, portones y luminarias. Al estirar el largo se suman los pórticos solos.

Vivienda prefabricada

Vivienda prefabricada

La casa se arma sumando bloques de catálogo: dormitorios, baños, cocina y living. Segundo piso con escalera, revestimientos, galería, pileta y cerco.

Boxes equinos

Boxes equinos

La geometría real de EQUIBOX, donde nació el motor: medidas, distribución, puertas de bisagra o corredizas y tinglado envolvente.

Ver el caso EQUIBOX →
La idea

La alternativa es pedirle un render a un estudio por cada variante, que tarda días y se cobra por pieza. Acá el cliente ve tres variantes en la misma reunión, y un dormitorio más es una línea más, no un recálculo.

Cómo está hecho

Lo difícil, resuelto

01

Un rubro nuevo = un archivo y una línea

Cada sector solo devuelve geometría y nunca toca la escena. El panel de controles se genera solo a partir de una lista declarativa de parámetros (rangos, opciones, colores, interruptores), así que sumar el producto de una empresa nueva no implica tocar la interfaz.

02

Nada está modelado a mano

Cada pieza se calcula a partir de las medidas: cabreadas reticuladas, cruces de San Andrés, chapa curva sobre un techo parabólico, correas, aberturas, y una vivienda que se distribuye sobre una grilla de módulos con el hueco de la escalera recortado en la losa.

03

Verificado sin abrir el navegador

Un conjunto de scripts arma cada sector con los valores por defecto, en el mínimo, en el máximo y con cada opción, y revisa vértices inválidos, piezas sin capa, escala, presupuesto de triángulos, muebles superpuestos y el giro de las puertas. Encontró bugs reales antes de que llegaran a la pantalla.

04

Luz que no miente

La oclusión ambiental (GTAO) aclaraba la imagen en lugar de oscurecerla: los valores se escapaban del buffer de media precisión. Se corrigió acotándolos en el shader de mezcla, con antialiasing dentro del compositor y modos día y noche con luminarias.

05

Pensado para el celular

La escena solo se vuelve a dibujar cuando algo cambia, la resolución tiene tope, el sombreado suave se puede apagar en GPUs débiles y la cámara propia maneja el pellizco con varios dedos.

06

Videos generados desde el código

Un director de escena determinístico anima el armado pieza por pieza, y un grabador con Playwright y ffmpeg lo captura cuadro por cuadro. Los reels salen idénticos cada vez, sin grabar la pantalla.

Stack técnico

Sin modelos, todo código

3D

  • Three.js
  • Geometría procedural
  • Cámara orbital propia

Render

  • Materiales PBR + HDRI
  • GTAO (oclusión ambiental)
  • MSAA + modo noche

Frontend

  • React 18
  • Vite 6
  • UI generada desde parámetros

Verificación

  • Scripts headless en Node
  • Canvas sin navegador

Video

  • Director de escena propio
  • Playwright + ffmpeg

Deploy

  • Vercel
  • Build en un solo HTML (opcional)

Tu producto también se puede armar así

Galpones, casas modulares, muebles, caballerizas: si se fabrica a medida, se puede configurar en 3D. Contame qué fabricás.