Todo el trabajo
estudio de casoWeb y Comercio

Calculadora de despiece — vista 3D y exportación a SketchUp

Una herramienta web que convierte las medidas de un clóset en un despiece exacto, un modelo 3D en vivo y un script listo para SketchUp — sustituyendo dos scripts de Python que el taller corría a mano en una sola máquina.

Rol
Ingeniero full-stack
Cronograma
Entregado como aplicación web independiente
Stack
React 18 · TypeScript · Vite · Three.js · React Three Fiber · Tailwind CSS · Cloudflare Pages
Calculadora de despiece — campos de medidas junto a la vista 3D de un clóset
portada del proyectoWeb y Comercio

Un sistema en operación diaria para la captura de boletas de basura — esta página incluye la demo en vivo.

Abrir demo en vivoSube las boletas de muestra o tus propios escaneos — extracción, validación y exportación completas.
Problema

Qué estaba roto

El taller calculaba cada clóset a mano. Dos scripts de Python — uno para el despiece y otro que generaba el modelo de SketchUp — vivían en una sola computadora y solo los podía correr quien los escribió. Los demás trabajaban con una hoja de cálculo y un flexómetro, y un ancho mal tecleado es una tabla echada a perder.

Enfoque

Cómo se resolvió

Porté ambos scripts de Python a TypeScript tipado, conservando las fórmulas de corte tal cual en lugar de reescribirlas, para que los números del taller siguieran siendo los del taller. Agregué un visor con React Three Fiber que reconstruye la pieza en vivo conforme cambian las medidas, con cotas que se pueden mostrar u ocultar. El generador de Ruby emite un script que modela la unidad completa dentro de SketchUp — se copia al portapapeles o se descarga como archivo .rb. Conversión métrico/imperial, cinco materiales de 18 mm, presets para las dos unidades estándar, EN/ES en toda la interfaz y localStorage para que un diseño a medias sobreviva a un refresh.

Restricciones

  • Las fórmulas existentes no eran negociables: −1.8 cm de alto, −3.6 cm de ancho y 18 mm de espesor codifican cómo corta y arma el taller.
  • El taller mide en centímetros, pero la herrajería importada y los planos del cliente llegan en pulgadas.
  • La salida tenía que caer en SketchUp, el programa donde el taller ya modela — no en un formato propio.
Stack

Herramientas del sistema

  • React 18
  • TypeScript
  • Vite
  • Three.js
  • React Three Fiber
  • Tailwind CSS
  • Cloudflare Pages
Resultado

Qué cambió

Entran las medidas; salen un despiece exacto, un modelo 3D que se puede girar y un script de SketchUp — en cualquiera de los dos idiomas y sistemas de unidades. El cálculo que vivía en los scripts de una sola persona ahora es un enlace que cualquiera en el taller abre desde cualquier dispositivo.

torre + colgadorTipos de mueble
5 × 18 mmMateriales
métrico + imperialSistemas de unidades
Lecciones

Lo que se queda

  1. 01Portar un cálculo confiable implica conservar sus constantes al pie de la letra — los ajustes de −1.8 y −3.6 cm son conocimiento del taller, no números mágicos que limpiar.
  2. 02Una vista 3D en vivo detecta errores de proporción que una tabla de números esconde por completo.
  3. 03Exportar a la herramienta que alguien ya usa gana sobre cualquier formato propio, por bueno que sea.

Estudios de caso relacionados

Todo el trabajo