Many things have changed with this version,
* Now the library is a pure MVC framework * The models contain only about the data * The viewers are respective viewers for the respective dimensions (2d, 3d, 4d? (maybe)) * Overall improvement towards the performance * No more canvas for viewer2d, now using pixijs * No more rollup but using parcel bundler now * Refer to previous branches for older working versions
~~The 3D items are missing ATM, (WIP, coming soon)~~
~~A major overhaul is in store for viewer3d and 3D items, stay tuned~~
~~Implementation of an application like interface to make the demo more complete (WIP, TODO)~~
Yes, the initiative has begun for the documentation. Of late I have been getting inquiries on using this framework. It is time to have the documentation rolling docs. Look at wiki for some basic integration tips and information.
The ability to export the floorplan as GLTF gives the scope of having easy VR with A-Frame. Export the layout to use it directly with A-Frame or process it further using Blender and then use it with A-Frame.
You will notice a lot of flickering in the VR mode. This is because of the overlapping materials in the floorplan.
This is a customizable application built on three.js that allows users to design an interior space such as a home or apartment. Below are screenshots from our Example App (link above).
1) Create 2D floorplan:
2) Add items:
3) Design in 3D:
npm run-script app-dev: Generates the application and serves the app folder with unminified code
npm run-script app-production: Generates the application and serves the app folder with minified code
npm run-script frameworkonly-dev: Builds and generates only bp3djs.js (unminified) that can be used in your project with custom design. However ensure you know how to use the framework and its api. The generated framework can be found inside
npm run-script app-dev: Builds and generates only bp3djs.js (minified) that can be used in your project with custom design. However ensure you know how to use the framework and its api. The generated framework can be found inside
http://localhost:1234(most probably) in your browser.
This project and the original project requires a lot more work. If you are someone like yodha of typescript then kindly visit the original project, the author is a wonderful human being who facilitated this idea, efforts, and materials in the first place. Else you are someone like me who likes to play around with es6 then you can use this one.
Please contact us if you are interested in contributing.
srcdirectory contains the core of the project. Here is a description of the various sub-directories:
core- Basic utilities such as logging and generic functions
floorplanner- 2D view/controller for editing the floorplan
items- Various types of items that can go in rooms
model- Data model representing both the 2D floorplan and all of the items in it
three- 3D view/controller for viewing and modifying item placement