← Toutes les réalisations

ÉTUDE DE CAS - SOLICIS - ANONYMISÉ

Un globe 3D temps réel pour la formation.

Les formateurs préparent une session sur un globe 3D, puis avions, véhicules et drones s'y déplacent en temps réel. La plateforme est conçue pour se brancher plus tard sur des données live.Les formateurs préparent une session sur un globe 3D, puis avions, véhicules et drones s'y déplacent en temps réel.

Rôle
Lead techniqueLead technique, front et back
Périmètre
Architecture front et back
Équipe
5 développeurs
Quand
2021 - 2024
Stack
Cesium JS, Three.js, Angular, Node.js, WebSocketCesium JS, Three.js, Angular, Node.js
Session de formation 07● en pause

Cesium JS - positions live via WebSocket

T+00:14:32

Démo recréée. Ce n'est pas le produit du client.

01 - DÉROULÉ D'UNE SESSION

Préparer, lancer, passer en live.

  1. T+00

    Préparer

    On dessine formes et zones sur le globe, et on place les plateformes par glisser-déposer pour construire la session.

  2. T+01

    Lancer

    Avions, véhicules et drones bougent en temps réel. Les positions arrivent via WebSocket et sont calculées en continu.

  3. ENSUITE

    Passer en live

    Le même moteur est prévu pour se brancher plus tard sur des flux de données live.

02 - SOUS LE CAPOT

Ce qui était difficile.

  1. 01

    GeoPackage maison

    Une implémentation GeoPackage sur mesure pour charger et servir les données cartographiques du globe.

  2. 02

    Dompter un flux à 60 fps

    Le simulateur envoyait la position de chaque plateforme via WebSocket 60 fois par seconde, bien plus que le rendu n'en avait besoin. On a ajouté un buffer et une estimation de position avec correction de trajectoire : le mouvement reste fluide sans traiter chaque mise à jour.

  3. 03

    Préparation par glisser-déposer

    Les sessions se dessinent et se préparent par glisser-déposer, directement sur le globe.