Building a 360° Interactive Globe With Babylon.JS

Building a 360° Interactive Globe With Babylon.JS

The aim of the project is to explain how to create 360° interactive pictures with the 3D Babylon.JS JavaScript library.

The project is a response to the lockdown of our FabLab (Créalab, Villeneuve d'Ascq) and the need to provide a pedagogical continuity with its regular students. It leads to the writing of a series of progressive tutorials in programming, ranging from basic skills — such as installing a text editor — to the hacking of snippets to enhance the 3D picture.

The result is a fun pedagogical object and an introduction to virtual reality: a 3D terrestrial globe with parallels, meridians and labels including the names of the continents. Through the exercise, we plunged back in cartography and trigonometrical calculation to convert lat/long coordinates to cartesian XYZ coordinates.

Link to the first tutorial of the series: https://wikis.univ-lille.fr/minilab/les-logiciels/babylon.js/un-globe-terrestre-3d-interactif-avec-babylon.js

What are the problems you aim to help solve with this project?:
Our team contributed the making of masks for medical staffs in need of protections against the COVID-19 pandemic.
Link : https://www.facebook.com/2099225850100573/videos/843730879441040/

It appeared that broadcasting core skills through eLearning means was also, if not, as important as our medical contribution.

Project Website