Vectorized, extruded, and spatialized map data.

Or the GeoJSON, D3.js to Three.js pipeline.

It has been a while since our latest Three.js project! We’re mostly playing with Unity, but it’s always a nice feeling to get back to the web directly.

For this project, we’d to display a 3D map of the France with some sites informations points. The first thought concerned displaying a 3D map, we known we will need some svg at some point but then how to display it using Three.js? Also how could we put the sites/cities on the map correctly? Let see that!

Continue reading Vectorized, extruded, and spatialized map data.

Building a 3D furniture visualiser with Three.js

Blanc Cambouis is a company selling high end furniture to their customer. In order to let the customer visualize the product they are buying we were asked to create a custom real-time 3D object viewer, able to manage different kinds of models and to customize them on the fly.

While Integral Service worked on the web side of the product, us at Da Viking Code worked on the object viewer.

In order to meet their requirement we built a Three.js (WebGL Based) app using the Haxe language and yar3333’s Haxe extern for Three.js, we needed a modular solution to import the furniture into the engine, but also to enable the furniture’s multiple customization option without implementing new logic for each model.
Continue reading Building a 3D furniture visualiser with Three.js

Heineken, The Sub® in WebGL

After our tech presentation app for Heineken’s The Sub® used as part of interactive elements in a popup store in Paris, running on ipad Air 2s, we were asked to build a browser version which would now be accessible to the public, as part of The Sub®’s web site.

The color scheme would change, yet all functionality would be kept.

Now, Unity does export for webgl yet the bulky webgl build and unexpected results we had when first trying the webgl export out, led us to decide on using Three.js and building it back from scratch. It would be lighter and we’d have a bit more finer control over the result.

We would be writing this in Haxe. No specific reason to this, except for a cleaner code… and to code faster… even though we would not be targeting another language.
Continue reading Heineken, The Sub® in WebGL