Félicité Smart Data Services, built by OpenCaps, lets you navigate a group of buildings named “Félicité”. I built the 3D part of that navigation with Unity in WebGL, embedded in a VueJS site. Unity and VueJS talk to each other through JSON messages, to receive the data to display and to react to what the user does.
- Camera control to orbit, zoom or snap to preset views
- The camera smoothly frames whichever block is selected
- Building blocks defined and opened from JSON files
- Hover labels showing each block's readings
- Blocks and spaces coloured according to the incoming data
- Sun-like lighting driven by the timestamp of the data
- AssetBundles used to download the objects of each floor