Michel Log
Tue Jul 26, 2016
3D_Printer_Design_Evolution - simplest iteration.
Wed June 29, 2016
Sat June 25, 2016
This zipped directory is part of a tutorial about visualizing 3D objects from FreeCAD in a browser.
Once unzipped open the html file with Firefox to run it localy.
File:FC2Threejs.zip
Mon June 13, 2016
The final version of the 3D interactive hydronic system model.
Added functionality:
- explosion view with slider.
- labels when hovering over components.
- popup with individual components 3D view, a link to shop and a link to full screen view in a new tab when double clicking components.
- 2D illustrations too clarify the 3D model, that are removable in the side menu.
Link to the model.[1]
Mon June 6, 2016
Saturday I thought everything was in the bag but what was
supposed to be a walk in the park became a journey through a swamp.
Finally I got something online that works. Explosion view, clickable items with the name and a link in a popup.
Only one little issue, the links aren't clickable when there is a 3D object behind them.
That should be solvable.
Hydronic Explosion View Model[2]
3d internet code is rapidly evolving and three.js had 77 revisions in the six years it exists.
Some of the code I was using up until now, only two to three years old,
was already depreciated and wasn't combinable with the new revisions.
Also the Blender exporters have changed drastic. The file extention changed from js to json.
Both are javascript object notation but the structure is slightly different and some getting use to.
It was time to update myself.
The way I normally approach an explosion view model I export the components individually out of Blender
and then import them individually into the scene javascript.
With a model with 62 components to explode thats a bit of a hassle.
With the new approach I export 1 scene out of Blender and then I reach the components from my scene javascript.
I can also integrate the names and links that appear in the popup.
Now I have to look into this iframe to full screen code to intgrate the models in the websites.[3]
Sat June 4, 2016
After seeing a lot of code and seeing my bed much less,
finally made a framework that brings together labels, links and explosion view.
With the latest version of Blender, three.js exporter and library.
Advantages:
-only one object file with a lot of 'children'objects inside.
-a lot less code.
-ready for the future.
Now my daughters birthday party but I can't wait until tonight to finish the model.
Tues May 31, 2016
36 pieces and almost there.
[4]
A little test with the explosion view model, not yet animated.[5]
Sun May 29, 2016
Still some modeling to do then fine tuning scaling, positioning, colours and coding.
It will be busy days.
Already or just 3.6mb.
http://3dcontent.be/OBIhydronicsPanel/OBIhydronicsPanel.html
Sat May 28, 2016
By using the bump map technique from animation and game modeling you can simulate the thread without getting a huge file size. This is how the pieces look in the browser.
Fri May 27, 2016
On exporting from Sketchup Sucks:
I export them as .dae (collada) but the mesh is a mess.
- usually the models consist of countless, unnamed groups ( I don't like to work with cluttered drawings ) - double vertices ( these you can remove easy with Blender ) - unconsistent normals directions ( these you can't always recalculate automaticly with Blender ) - holes in the mesh
Sometimes I use them as a reference to redraw them in Blender.
I'm working on assets for the webGL interactive models wich is more of a game approuch to modeling so I'm focussing on that. Sinds it is a architectural project we should have the assets also in a Open Source CAD format if we want people to start using them to design houses with BIM. I think.
In FreeCAD you can then export in .ifc wich is a open BIM format that people than can use in other applications if they choose. If a whole house is exported in .ifc it can then be converted into xbim that can be watched in a browser, also offline, wich is low treshhold for everybody.
Thu, May 26, 2016
Wed, May 25, 2016
A brief explanation of webgl.
Programming in native webGL is a bit devious.
By using javascript libraries it makes things a lot simpler.
-three.js [6] /
-babylon.js [7]
-sceneJS [8]
-etc...
Why three.js?
Qgis [9] (Open Source geographic information system) and Blender [10] (Open Source 3D modeling suite) have a three.js exporter plugin [11] [12].
Three.js has loaders for other 3D formats so you can make something in other OS 3D software and load them too.
It's combinable with other javascript libraries like:
-dat.gui.js [13] (GUI for changing variables in JavaScript)
-physijs [14] (Physics plugin for Three.js)
-etc...
It's Open Source and free (MIT license).
Tues, May 24, 2016
Working on 3D webGL framework for OBI http://3dcontent.be/ecohome/ecohome.html -I still have to decouple the camera control from the explosion view slider. But how do you do it when using the htmlmixer.js???
Open Source furniture in .sh3f and .obj http://3dcontent.be/osliving/OSfurniture.zip