Repolode
Enviar
wy51ai

wy51ai/floorplan-3d

A front-end-only floor plan tool for arranging furniture, editing walls and measuring rooms in 2D, then viewing the layout in a Three.js 3D scene.

Alternativa open source a:Planner 5DSketchUp

Ver no GitHub
Estrelas
2,479
Forks
472
Issues abertas
8
Último commit
há 17 dias

O que é?

floorplan-3d is a browser-based home layout and decoration tool. You place furniture on a 2D floor plan at 1:60 or 1:100 scale, drag and rotate items, measure distances, and remove non-load-bearing walls. The whole app is a single index.html file with no build step, so it runs by opening the page in a browser.

The 3D view is built with Three.js and offers bird's-eye, oblique and top-down angles, plus a first-person roaming mode with keyboard, mouse or a touch joystick. Furniture can be selected and moved in 3D, and changes sync back to the 2D plan. Each room's floor material can be swapped, with cost estimated from area plus 5% waste.

Designs are saved in localStorage, support undo and redo, and can be exported as PNG or JSON. The interface switches between Chinese and English. Room data, walls, materials and the furniture library are defined in plain JavaScript constants, so you can adapt it to your own floor plan. Three.js loads from a CDN, so the 3D view needs an internet connection.

Recursos principais

  • 01Drag 60+ furniture and appliance items onto a 2D plan at 1:60 or 1:100 scale.
  • 02Switch between bird's-eye, oblique and top-down 3D views, or roam in first person.
  • 03Measure distances with wall snapping and remove non-load-bearing walls.
  • 04Automatically calculate room and usable areas, and estimate flooring cost.
  • 05Undo and redo edits, with the plan saved in browser local storage.
  • 06Export the layout as PNG or JSON and import saved plans.

Casos de uso

  • Planning furniture placement in an apartment before buying pieces.
  • Testing wall removal or room layout changes in a renovation.
  • Estimating flooring material costs room by room.
  • Customizing the floor plan and furniture library for your own home data.

Tópicos

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

Perguntas frequentes

O que é floorplan-3d?
A front-end-only floor plan tool for arranging furniture, editing walls and measuring rooms in 2D, then viewing the layout in a Three.js 3D scene. floorplan-3d is a browser-based home layout and decoration tool. You place furniture on a 2D floor plan at 1:60 or 1:100 scale, drag and rotate items, measure distances, and remove non-load-bearing walls. The whole app is a single index.html file with no build step, so it runs by opening the page in a browser.
floorplan-3d é gratuito? Qual é a licença?
floorplan-3d é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
floorplan-3d ainda é mantido?
Manutenção ativa. O último commit de floorplan-3d foi em 2 de out. de 2026.
Para que posso usar floorplan-3d?
Planning furniture placement in an apartment before buying pieces. Testing wall removal or room layout changes in a renovation. Estimating flooring material costs room by room. Customizing the floor plan and furniture library for your own home data.
Onde consigo floorplan-3d?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/wy51ai/floorplan-3d

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados