Eramet — chez Brig.ht · 2024
Usine de lithium Eramet
La visite virtuelle d'une usine d'extraction de lithium, à explorer en 3D temps réel dans le navigateur.
- Rôle
- Développeur front-end interactif
- Stack
- WebGL, Three.js, GLSL, Vue.js
Eramet a ouvert une usine d’extraction de lithium et souhaitait que le public comprenne son fonctionnement sans avoir à s’y rendre. Avec l’équipe de Brig.ht, nous avons construit une visite virtuelle du site : une scène 3D temps réel dans laquelle chaque étape du procédé d’extraction peut être explorée.
Ce que j’ai fait
- Effets d’interface interactifs : pins 3D, animations de panneaux, pulsations
- Vue plein écran
- Filtres interactifs
- Mini-jeux
- Outillage Draco/Meshopt/KTX
Défis
La scène réunit un ensemble de meshes 3D complexes. Il a fallu recréer en partie l’usine pour obtenir un mesh simple et léger, capable de tourner sur le Web. Certaines scènes montrent l’intérieur de l’usine, ce qui demandait des scènes séparées et des transitions. Des shaders sur mesure ont été ajoutés pour figurer la circulation des produits chimiques dans les tuyaux et les unités de traitement. Nous avons aussi ajouté une couche gérant les mini-jeux et la progression globale du visiteur au fil de ceux-ci.