Plan technique aux rayons X d’une fusée

Utilisez Three.js pour créer une page web de présentation 3D, dans le style d’un « plan technique », consacrée aux éléments structurels d’une fusée ou d’un satellite, avec des modèles entièrement générés de manière procédurale dans le code (sans fichiers de modèles externes). Exigence impérative : une précision cinématographique et au moins 3 millions de triangles par scène.

Modélisation (créez les détails avec une géométrie réelle — ne les simulez pas avec des textures) : le premier étage de la fusée (9 tuyères disposées en cercle, canaux de refroidissement visibles individuellement, ailerons grillagés, articulations hydrauliques sur les jambes d’atterrissage), une coiffe séparable (cadres de renfort de la paroi intérieure visibles, avec un satellite à l’intérieur) et le satellite (cellules des panneaux solaires une à une, antenne parabolique avec une subdivision de niveau miroir) ; chaque élément doit avoir une épaisseur réelle et des liaisons mécaniques plausibles.

Visuel central de cette version : une esthétique de plan technique — fond bleu profond avec un rendu combinant des filaires blanc/cyan lumineux et une géométrie solide ; chaque élément comporte des lignes de cote, des étiquettes avec lignes de repère et des paramètres techniques (en chinois) ; basculement en un clic entre trois vues — « mode PBR solide / mode filaire de plan technique / mode coupe aux rayons X » — avec des transitions fluides. Remplacez le sujet du plan technique par un turboréacteur à double flux : modélisez, couche par couche, les pales du ventilateur, les étages du compresseur, la chambre de combustion, la turbine et la tuyère d’échappement, en conservant le fond bleu profond, l’esthétique filaire lumineuse, les annotations de cotation et les trois modes d’affichage (solide, plan technique, rayons X). Cliquer sur une pièce affiche sa coupe et ses paramètres en chinois. Aucun compromis sur les matériaux en mode solide : PBR complet, avec peinture blanche usée, couvertures thermiques froissées et tuyères ablatées.

Interaction : faites glisser pour orbiter, utilisez la molette pour zoomer ; cliquez sur une pièce pour afficher sa coupe et ses annotations ; vue éclatée / réinitialisation en un clic.

Critères d’acceptation : 60 fps (géométrie fusionnée / instanciation / LOD, sans perte visible de qualité) et aucune erreur dans la console ; lancez vous-même un serveur local, prenez des captures d’écran en gros plan pour vérifier les trois vues et l’exactitude des annotations, effectuez au moins 3 cycles d’itération et corrigez tout élément insatisfaisant avant de vérifier à nouveau.

Livrable : un package de code autonome comprenant toutes les ressources, tous les modèles, toutes les textures et l’ensemble du code, prêt à être déployé directement, placé dans /output (ressources dans /output/assets).

Utilisez Three.js pour créer une page web de présentation 3D, dans le style d’un « plan technique », consacrée aux éléments structurels d’une fusée ou d’un satellite, avec des modèles entièrement générés de manière procédurale dans le code (sans fichiers de modèles externes). Exigence impérative : une précision cinématographique et au moins 3 millions de triangles par scène.

Modélisation (créez les détails avec une géométrie réelle — ne les simulez pas avec des textures) : le premier étage de la fusée (9 tuyères disposées en cercle, canaux de refroidissement visibles individuellement, ailerons grillagés, articulations hydrauliques sur les jambes d’atterrissage), une coiffe séparable (cadres de renfort de la paroi intérieure visibles, avec un satellite à l’intérieur) et le satellite (cellules des panneaux solaires une à une, antenne parabolique avec une subdivision de niveau miroir) ; chaque élément doit avoir une épaisseur réelle et des liaisons mécaniques plausibles.

Visuel central de cette version : une esthétique de plan technique — fond bleu profond avec un rendu combinant des filaires blanc/cyan lumineux et une géométrie solide ; chaque élément comporte des lignes de cote, des étiquettes avec lignes de repère et des paramètres techniques (en chinois) ; basculement en un clic entre trois vues — « mode PBR solide / mode filaire de plan technique / mode coupe aux rayons X » — avec des transitions fluides. Passez en anglais toutes les lignes de cote, les étiquettes avec lignes de repère et les paramètres techniques de la page, convertissez les unités dans le système impérial (pouces, livres) tout en conservant un sélecteur métrique, et localisez également les boutons de l’interface en anglais. Conservez inchangées les interactions de changement de vue et de vue éclatée. Aucun compromis sur les matériaux en mode solide : PBR complet, avec peinture blanche usée, couvertures thermiques froissées et tuyères ablatées.

Interaction : faites glisser pour orbiter, utilisez la molette pour zoomer ; cliquez sur une pièce pour afficher sa coupe et ses annotations ; vue éclatée / réinitialisation en un clic.

Critères d’acceptation : 60 fps (géométrie fusionnée / instanciation / LOD, sans perte visible de qualité) et aucune erreur dans la console ; lancez vous-même un serveur local, prenez des captures d’écran en gros plan pour vérifier les trois vues et l’exactitude des annotations, effectuez au moins 3 cycles d’itération et corrigez tout élément insatisfaisant avant de vérifier à nouveau.

Livrable : un package de code autonome comprenant toutes les ressources, tous les modèles, toutes les textures et l’ensemble du code, prêt à être déployé directement, placé dans /output (ressources dans /output/assets).