Banque des territoires — chez Brig.ht · 2022
Carte interactive des projets
Une vue 3D des projets accompagnés par la Banque des Territoires à travers le pays.
- Rôle
- Seul développeur front-end interactif
- Stack
- WebGL, Three.js, GLSL, Vue.js
La Banque des Territoires fait partie de la Caisse des dépôts, le pôle financier public français qui finance des projets d’intérêt général. Elle contribue à construire des infrastructures au bénéfice des territoires. L’objectif était ici de mettre en valeur les projets qu’elle a accompagnés.
Ce que j’ai fait
- R&D sur la représentation de la carte : génération depuis du GeoJSON ou mesh pré-calculé
- Structure de la navigation et des interactions : survol (shader sur mesure), entrée dans les régions
- Chargement dynamique et efficace des modèles 3D de tous les projets
- Picking à la souris
- Déplacement de la caméra
Défis
Des dizaines de projets sont représentés sur la carte. Il a donc fallu trouver des moyens efficaces de les représenter dans la vue globale, puis de les charger et décharger en passant d’une région à l’autre dans la vue détaillée. Des problèmes de garbage collection apparaissaient sur les tablettes disposant de peu de VRAM : nous avons utilisé le format de texture KTX pour réduire la mémoire vidéo occupée par les textures.