TP — Planetarium JS avec Three.js

Objectif

Dans ce TP, vous devez réaliser un planétarium en JavaScript en utilisant la bibliothèque Three.js afin de créer un environnement 3D.

Vous devrez concevoir votre propre système solaire composé de :

• 1 soleil (astre principal)
• 3 astres qui orbitent autour de lui

Consignes

Pour le soleil et chacun des 3 astres, vous devrez :

• trouver un nom
• inventer une histoire ou un descriptif
• utiliser soit :
  • un modèle 3D (.gltf, .glb, ou autre format compatible),
  • soit un mesh simple

Intégration dans Three.js

Vous devrez réaliser votre planétarium dans un environnement 3D avec Three.js en intégrant vos modèles dans la scène.

• Si vous utilisez des modèles 3D, vous devrez les importer dans la scène.
• Si vous utilisez des meshes simples, vous devrez les appliquer sur des sphères.

Fonctionnalités attendues

Votre projet devra permettre :

• d’afficher un astre principal et 3 astres en orbite
• de faire orbiter les astres autour de l’astre principal
• de changer l’angle de la caméra
• d’explorer la scène dans un espace 3D

Bonus / pour obtenir plus de points

Vous pourrez ajouter un système permettant de cliquer sur un astre afin d’afficher ses informations :

• son nom
• son histoire / descriptif
• éventuellement d’autres caractéristiques

Notation du devoir (10 points)

• Astres personnalisés : 2 pts
• Système de vue 3D : 2 pts
• Système d’orbite : 1 pt
• Informations sur les planètes / astres : 2 pts
• Rotation / contrôle de la caméra : 1 pt
• Beauté / originalité : 2 pts

Compréhension du devoir (10 points)

1. Présentation du projet — 1 min 30 (5 pts)

Vous devrez présenter votre projet à l’oral en 1 minute 30.

Pendant cette présentation, vous devrez notamment expliquer :

• ce que vous avez réalisé
• comment fonctionne votre planétarium
• comment l’IA vous a aidé à apprendre ou à construire le projet

2. Questions de compréhension (5 pts)

Vous aurez 5 questions sur votre travail :

• 3 questions difficiles
• 2 questions faciles

Technologies autorisées

• JavaScript
• Three.js
• Assistance IA autorisée

Rendu attendu

Le rendu doit contenir :

• un projet fonctionnel en JavaScript / Three.js
• un système solaire personnalisé
• un environnement 3D navigable
• des astres nommés et décrits
• une démonstration claire lors de la présentation orale

Conseils

• Soignez le visuel de votre scène
• Essayez de rendre vos astres originaux
• Vérifiez que les orbites sont bien visibles
• Testez les contrôles de caméra
• Préparez votre présentation orale à l’avance