Hi,

I came across Sweet Home 3D recently, a free interior design application in Java, which happens to have a great HTML5 export plug-in, and wondered if those WebGL views could be embedded into HABPanel dashboards… turns out they can, and it wasn’t even very difficult to do

It’s not like it’s practical for everyday use or anything - but thought it was fun to write and cool to see, so here you go

I wrote a directive to load in your templates and an example, follow the instructions in the repository here to try it out: https://github.com/ghys/habpanel-3dview

I don’t plan on developing it much further, so fork it and/or submit PR if you wish!

You’ll get an aerial view:

And a first-person view aka. “Virtual visit”:

You can switch between both modes with the space bar or the radio buttons below the view.

Clicking on an object will bring up its modal dialog if you defined it.

More details on the WebGL views exported by Sweet Home 3D here: http://www.sweethome3d.com/support/forum/viewthread_thread,6708

Instructions for navigation in the 3D view here: http://sweethome3d.cvs.sf.net/viewvc/sweethome3d/SweetHome3D/src/com/eteks/sweethome3d/viewcontroller/resources/help/en/editing3DView.html

Documentation for the JS API here: http://www.sweethome3d.com/jsdoc/index.html