Revision history [back]
There are know issues with the performance of the Floorspace JS
editor in the OpenStudio application. There is an additional issue in 2.8.0 preventing the editor from launching on mac, which we hope to address in a 2.8.x installer.
There is a work around that leverages an online development version of FloorspaceJS. This should be much more responsive than what is in the OpenStudio application. It isn't about this being newer, but rather about web rendering engine within the application. To use this workflow follow the steps below closely.
- Launch OpenStudio 2.7.0 (on Windows you can use 2.8.0)
- Go to The
Geometry
tab and then theEditor
sub tab. Click onnew
and then chooseCreate a new floorplan
. - Save and close your model and quit the Application
- In a web browser (preferably Chrome) go to https://nrel.github.io/floorspace.js/
- Choose the
Create a new floorplan
option - Near the top left of the interface are three buttons with arrows in a circle. Use the third button that looks like a puzzle piece to
import library
. Point it to thefloorspace.json file you made in step 2. This will be in the
files` directory next to your OSM file. - Work in the web interface as you would in the app. Choose the second button from the left at the top left corner of the interface with the arrow pointing up to
save floorplan
to your local computer in yourDownloads
directory. Don't work for 2 hours and then do this, do it every 10-15 minutes, or more frequently to avoid losing any work. - When you are done working on the plan copy the file from your
Downloads
directory into the "files" directory of your OSM, making sure the file is a named 'floorspace.json`. - Launch OpenStudio again (same version as step 1).
- Go back to the
Geometry
tab and theEditor
sub tab. You should see the plan you created online. ChooseMerge with Current OSM
to create the OpenStudio spaces and other additional objects defined inFloorspaceJS
Notes:
A. Steps 1-3 are only necessary to bring over data from any space types, constructions, zones, or other resources from your model into the web interface.
B. There is an Open existing floorplan
open in the OpenStudio application's geometry editor tab when you click new. This can only be used if you do not already setup a new plan. Otherwise you need to overwrite the file manually as described in step 8, while the application is not open.
C. If you want to go back and edit your plan at a later date you may be able to load the floorspace.json
file into the web interface. It may be wise to keep a clean copy outside of what is in the OpenStudio Applicaiton's files
directory for this.
New plan
Web drawn plan
Plan in app
There are know issues with the performance of the Floorspace JS
editor in the OpenStudio application. There is an additional issue in 2.8.0 preventing the editor from launching on mac, which we hope to address in a 2.8.x installer.
There is a work around that leverages an online development version of FloorspaceJS. This should be much more responsive than what is in the OpenStudio application. It isn't about this being newer, but rather about web rendering engine within the application. To use this workflow follow the steps below closely.
- Launch OpenStudio 2.7.0 (on Windows you can use 2.8.0)
- Go to The
Geometry
tab and then theEditor
sub tab. Click onnew
and then chooseCreate a new floorplan
. - Save and close your model and quit the Application
- In a web browser (preferably Chrome) go to https://nrel.github.io/floorspace.js/
- Choose the
Create a new floorplan
option - Near the top left of the interface are three buttons with arrows in a circle. Use the third button that looks like a puzzle piece to
import library
. Point it to thefloorspace.json file you made in step 2. This will be in the
files` directory next to your OSM file. - Work in the web interface as you would in the app.
ChooseTo save yourjson
file choose the second button from the left at the top left corner of the interface with the arrow pointing up tosave floorplan
to your local computer in yourDownloads
directory. Don't work for an 2 hours and then do this, do it every 10-15 minutes, or more frequently to avoid losing any work. - When you are done working on the plan copy the file from your
Downloads
directory into the "files" directory of your OSM, making sure the file is a named 'floorspace.json`. - Launch OpenStudio again (same version as step 1).
- Go back to the
Geometry
tab and theEditor
sub tab. You should see the plan you created online. ChooseMerge with Current OSM
to create the OpenStudio spaces and other additional objects defined inFloorspaceJS
Notes:
A. Steps 1-3 are only necessary to bring over data from any space types, constructions, zones, or other resources from your model into the web interface. There is an
B. Open existing floorplan
open in the OpenStudio application's geometry editor tab when you click new. This can only be used if you do not already setup a new plan. Otherwise you need to overwrite the file manually as described in step 8, while the application is not open.
C. B. If you want to go back and edit your plan at a later date you may be able to load the floorspace.json
file into the web interface. It may be wise to keep a clean copy outside of what is in the OpenStudio Applicaiton's files
directory for this.directory.
New plan
Web drawn plan
Plan in app