L'application web Globe 3D est une expérience interactive utilisant Babylon.js pour afficher un globe 3D animé sur un fond étoilé, avec des fonctionnalités de visualisation d'images panoramiques en 360°. Voici les principales caractéristiques et le fonctionnement de l'application.
Le cœur de l'application est un globe terrestre en 3D qui tourne automatiquement. L'utilisateur peut interagir avec le globe pour arrêter la rotation et naviguer librement autour de celui-ci en utilisant une caméra de type ArcRotateCamera. Le fond étoilé est animé à l'aide d'un système de particules, ajoutant une touche d'immersion à l'expérience.
Deux marqueurs 3D sont positionnés sur le globe, représentant des emplacements spécifiques (comme Paris et New York). Lorsque l'utilisateur clique sur un marqueur, un pop-up s'affiche avec des informations personnalisées, notamment un titre, une image, et une description. Un bouton est également disponible pour permettre la visualisation en 360°.
Lorsqu'un utilisateur clique sur le bouton "View 360°", une nouvelle page s'ouvre, affichant une image en 360° à l'aide de la bibliothèque A-Frame. L'image est rendue sur une sphère pour donner une sensation d'immersion, et l'utilisateur peut naviguer dans l'image en VR ou en mode standard.