gráficos 3D · herramientas locales · geometría computacional · PWA
Editor de planos y reforma en 3D
Editor de vivienda que corre en el navegador sin conexión: plano en 2D, levantamiento en 3D con mobiliario, luz natural hora a hora y recorrido en primera persona. Todo en un solo archivo HTML.
- Rol
- Diseño e implementación completos
- Periodo
- septiembre 2026
- Estado
- en curso
- Visibilidad
- Caso de estudio
Contiene el plano de una vivienda real. No se publica hasta sustituirlo por un plano sintético.
El problema
Reformar un piso exige responder preguntas que nadie te contesta hasta que ya está hecho: ¿entra el sofá?, ¿queda sitio para una mesa de cuatro?, ¿a qué hora entra el sol?, ¿se ve la tele desde la cocina?
Contratar un estudio para un piso de barrio no tiene sentido. Y las aplicaciones que existen piden cuenta, funcionan con conexión y no dejan claro qué se guarda dónde.
La restricción que definió el diseño
Todo el editor tenía que caber en un solo archivo HTML que se abre con doble clic, sin servidor y sin conexión.
Esa restricción parece una limitación y es la característica. Se trabaja en casa el domingo, se lleva el archivo en el móvil a la obra, y se abre allí donde no hay cobertura. Nada que instalar, nada que sincronizar, nada que explicar a nadie.
Cumplirla obligó a empaquetar las fuentes modulares en un único bundle con esbuild, a guardar en el almacenamiento local del navegador en vez de en un backend, y a escribir la geometría a mano en lugar de apoyarse en utilidades del servidor.
Lo que hace
Se dibuja el plano en 2D —muros, habitaciones, puertas, ventanas, cotas— sobre la imagen del plano original, con la escala derivada de los puntos del PDF para que las medidas sean reales y no una aproximación visual.
Ese plano se levanta en 3D con mobiliario paramétrico. Sobre él se simula la luz natural hora a hora según la orientación, que es la función que más cambió decisiones: ver el salón a oscuras a las nueve de la mañana convence más que cualquier consejo.
Y se puede entrar y caminar, en primera persona y con colisión, para comprobar si el hueco entre la cama y el armario da para pasar.
Se exporta a GLB, a PNG, a un plano acotado para imprimir y a un paquete de texto pensado para pegarle a un asistente cuando hace falta una segunda opinión.
Por qué no está publicado
Porque contiene la vivienda real de una persona, con su dirección en el nombre del archivo de plano original y las medidas exactas de cada habitación.
Un plano no se anonimiza moviendo una coordenada: la imagen es el dato. Publicarlo exige diseñar una vivienda ficticia con una distribución equivalente, regenerar el modelo y volver a tomar todas las capturas. Es trabajo pendiente, no un detalle de limpieza, y hasta que esté hecho el proyecto se queda como ficha.
Es una lástima, porque técnicamente es lo más vistoso que tengo: un editor de planos con modo de paseo en un solo archivo suena a exageración hasta que alguien lo abre.