← All work
Banque des territoires — at Brig.ht · 2022
Interactive Projects Map
A 3D view of the projects developped across the country by Territories' Bank
- Role
- Solo interactive front-end developer
- Stack
- WebGL, Three.js, GLSL, Vue.js
Banque des territoires (territories’ bank) is a member of the Caisse des dépôts, France’s public banking pole for financing projects. It helps building some infrastructures that benefits the region. Their main goal here was to showcase the projects they accompanied.
What I did
- R&D on representing the map: GeoJSON generation vs pre-baked mesh
- structure navigation & interactions: hover (custom shader), enter regions
- load efficiently the 3D models for all the projects dynamically
- mouse picking
- camera pan
Challenges
Tens of projects are represented on the map. Hence, we had to find efficient ways of representing them on the global view, and for loading and unloading them when going from region to region in detailed view. Garbage collection issues would arise on tablet device with lower VRAM, so we used the KTX texture format to optimize the VRAM used by the textures.