Martin De Queiroz
EnglishFrançais

Nautica

Développé en une nuit lors de la Nuit de l’Info, Nautica transforme l’exploration des océans en jeu : un globe 3D à manipuler, des faits documentés et un quiz pour chaque océan.

Page d’accueil de Nautica : un globe terrestre en 3D sur fond étoilé, avec un point lumineux dans l’océan Atlantique
Nautica — le globeNuit de l’Info 2024
Rôle
Textures et relief du globe
Période
Décembre 2024
Équipe
5 personnes
Événement
Nuit de l’Info
Technologies
Angular · Three.js

01Contexte

La Nuit de l’Info est un événement étudiant national durant lequel les équipes disposent d’une nuit pour créer une application autour d’un thème donné.

En 2024, le thème était consacré aux océans. Nous voulions proposer une expérience simple et interactive, plutôt qu’une page d’information classique.

02Réalisation

Nautica prend la forme d’un globe 3D interactif permettant d’explorer les différents océans.

Chaque point du globe donne accès à une page présentant un océan, accompagnée de quelques faits documentés et d’un quiz. L’interface a été développée avec Angular et le globe avec Three.js.

03Ma contribution

J’ai travaillé sur l’aspect visuel du globe 3D. À partir d’un composant Three.js existant, j’ai intégré les textures et le relief pour donner davantage de détails et de réalisme à la Terre.

J’ai également participé à la réflexion autour du concept et à la conception générale de l’expérience.

04Ce que j’ai appris

La principale difficulté était le temps limité : il fallait prendre rapidement des décisions, bien répartir le travail et se concentrer sur les fonctionnalités que nous pouvions réellement terminer en une nuit.

C’était aussi ma première expérience avec Three.js et l’intégration d’un élément 3D dans une application web.

Projet suivant · 03 / 03Renta'CamUn site de réservation pour une association locale qui prête du matériel audiovisuel professionnel.