Repolode
Enviar
wy51ai

wy51ai/floorplan-3d

Herramienta de planos que funciona solo en el navegador: organiza muebles, edita paredes y mide habitaciones en 2D, y muestra el diseño en una escena 3D de Three.js.

Alternativa open source a:Planner 5DSketchUp

Ver en GitHub
Estrellas
2,479
Forks
472
Issues abiertos
8
Último commit
hace 18 días

¿Qué es?

floorplan-3d es una herramienta de diseño y decoración del hogar que funciona en el navegador. Puedes colocar muebles en un plano 2D a escala 1:60 o 1:100, arrastrar y girar objetos, medir distancias y eliminar paredes que no sean estructurales. La aplicación completa está en un único archivo index.html y no requiere compilación, así que basta con abrir la página en un navegador.

La vista 3D está creada con Three.js e incluye perspectivas aérea, oblicua y cenital, además de un modo de recorrido en primera persona con teclado, mouse o un joystick táctil. Puedes seleccionar y mover muebles en 3D, y los cambios se sincronizan con el plano 2D. También puedes cambiar el material del suelo de cada habitación; el costo se estima según la superficie más un 5 % de desperdicio.

Los diseños se guardan en localStorage, admiten deshacer y rehacer, y se pueden exportar como PNG o JSON. La interfaz permite cambiar entre chino e inglés. Los datos de las habitaciones, las paredes, los materiales y la biblioteca de muebles están definidos en constantes de JavaScript, así que puedes adaptarlos a tu propio plano. Three.js se carga desde un CDN, por lo que la vista 3D requiere conexión a internet.

Funciones clave

  • 01Arrastra más de 60 muebles y electrodomésticos a un plano 2D a escala 1:60 o 1:100.
  • 02Alterna entre las vistas 3D aérea, oblicua y cenital, o recorre el espacio en primera persona.
  • 03Mide distancias con ajuste a las paredes y elimina paredes que no sean estructurales.
  • 04Calcula automáticamente la superficie de las habitaciones y el área útil, y estima el costo del suelo.
  • 05Deshaz y rehace cambios; el plano se guarda en el almacenamiento local del navegador.
  • 06Exporta el diseño como PNG o JSON e importa planos guardados.

Casos de uso

  • Planificar la ubicación de los muebles de un apartamento antes de comprarlos.
  • Probar la eliminación de paredes o cambios en la distribución de una habitación durante una renovación.
  • Estimar el costo de los materiales para el suelo de cada habitación.
  • Personalizar el plano y la biblioteca de muebles con los datos de tu propio hogar.

Temas

#floor-plan#interior-design#threejs#3d#javascript#html5-canvas#visualization

Preguntas frecuentes

¿Qué es floorplan-3d?
Herramienta de planos que funciona solo en el navegador: organiza muebles, edita paredes y mide habitaciones en 2D, y muestra el diseño en una escena 3D de Three.js. floorplan-3d es una herramienta de diseño y decoración del hogar que funciona en el navegador. Puedes colocar muebles en un plano 2D a escala 1:60 o 1:100, arrastrar y girar objetos, medir distancias y eliminar paredes que no sean estructurales. La aplicación completa está en un único archivo index.html y no requiere compilación, así que basta con abrir la página en un navegador.
¿floorplan-3d es gratuito? ¿Qué licencia tiene?
floorplan-3d es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿floorplan-3d sigue mantenido?
Mantenimiento activo. El último commit de floorplan-3d fue el 2 oct 2026.
¿Para qué puedo usar floorplan-3d?
Planificar la ubicación de los muebles de un apartamento antes de comprarlos. Probar la eliminación de paredes o cambios en la distribución de una habitación durante una renovación. Estimar el costo de los materiales para el suelo de cada habitación. Personalizar el plano y la biblioteca de muebles con los datos de tu propio hogar.
¿Dónde consigo floorplan-3d?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/wy51ai/floorplan-3d

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados