Jardins suspendus de Babylone

Créez **« Jardins suspendus de Babylone »**, un site web 3D interactif de qualité professionnelle conçu avec **Three.js**, accompagné d'une vidéo cinématographique **MP4** soignée, rendue à partir de la même scène.

**DIRECTION ARTISTIQUE**  
Une reconstitution artistique des légendaires Jardins suspendus : une architecture monumentale en terrasses s'élevant depuis une rive désertique, du grès chaud et des briques séchées au soleil, des bandes de carreaux vernissés bleu cobalt, de sobres reliefs dorés, des galeries voûtées, de larges escaliers, des cours ombragées et des canaux d'eau en cascade. Chaque terrasse accueille des palmiers luxuriants, des cyprès, des arbustes fleuris et des plantes grimpantes retombantes. Associez une silhouette étagée clairement lisible à une architecture richement détaillée de près. Lumière chaude de fin d'après-midi, profondeur atmosphérique douce, rugosité réaliste des matériaux, patine discrète et échelle convaincante. Visez le rendu d'une visualisation architecturale haut de gamme et d'un site d'exposition muséale.

**RECHERCHE ET TEXTURES**  
Recherchez sur le web des références visuelles sur l'architecture babylonienne, les briques vernissées, le grès, les reliefs sculptés, l'irrigation ancienne et la végétation régionale. Trouvez des images haute résolution dans le domaine public, sous CC0 ou sous licence appropriée pour créer les textures ; documentez leurs sources et leurs licences. Téléchargez les ressources autorisées et servez-les localement. Utilisez des photographies adaptées comme matériaux sources pour des textures PBR sans raccord et des détails projetés par UV, en corrigeant la perspective, en supprimant l'éclairage directionnel incrusté et en harmonisant les couleurs et l'échelle. Créez des cartes de couleur de base, de rugosité et de normales lorsque nécessaire. Intégrez l'occlusion ambiante et l'éclairage indirect de la scène réelle dans des atlas de textures optimisés, tout en préservant la compatibilité du feuillage animé et de l'eau avec le dispositif d'éclairage. Préservez la netteté des détails architecturaux, sans raccords visibles, UV étirés ni motifs de texture répétitifs.

**SCÈNE 3D ET INTERACTION**  
Créez une architecture cohérente et explorable, avec des supports structurels crédibles, des escaliers reliés, des terrasses accessibles et une végétation soigneusement composée. Animez l'eau qui s'écoule, le léger mouvement du feuillage et de subtiles particules en suspension. Commencez par une approche cinématographique depuis le fleuve vers les jardins, puis passez en douceur au contrôle par l'utilisateur. Prenez en charge l'orbite, le zoom et l'exploration contrainte, avec des points de vue sélectionnés sur la porte du fleuve, la galerie voûtée, la terrasse d'irrigation et le jardin sommital. Incluez un parcours guidé suivant l'eau depuis le réservoir supérieur à travers les terrasses. Proposez des modes jour et coucher de soleil avec un éclairage cohérent. Évitez le clipping de la caméra, le passage à travers les murs et les transitions désorientantes.

**EXPÉRIENCE DU SITE WEB**  
Utilisez une typographie élégante et sobre ainsi que des commandes minimales pour laisser la scène s'exprimer. Incluez un indicateur de chargement clair, un titre d'introduction, une action « Explorer les jardins », une navigation entre les points de vue, une commande de visite guidée et un téléchargement de la vidéo. Indiquez brièvement que la reconstitution est une interprétation artistique. Concevez des mises en page réactives pour ordinateur et mobile, prenez en charge la navigation au clavier et la réduction des animations, et prévoyez une solution de repli soignée lorsque WebGL n'est pas disponible. Veillez au bon fonctionnement de toutes les commandes et à la finalisation de tous les textes d'interface. Remplacez les Jardins suspendus par un campement oasis dans le désert : transformez les terrasses étagées en une oasis de palmiers ceinturée de dunes, remplacez les galeries voûtées par des tentes en toile et des huttes en adobe, et les canaux en cascade par un ruisseau peu profond s'écoulant depuis une source centrale. Mettez en scène des dattiers, des roseaux et des fleurs du désert, tout en conservant le parcours d'exploration de l'entrée au sommet et l'itinéraire guidé suivant l'eau. **INGÉNIERIE DE PRODUCTION**  
Utilisez un code Three.js modulaire et une chaîne de ressources conçue pour un déploiement fiable. Optimisez la géométrie, les appels de rendu, les ombres, la végétation et la mémoire des textures grâce à l'instanciation, aux niveaux de détail, aux ressources GLB compressées, aux textures KTX2/Basis et au chargement progressif. Adaptez la résolution des textures aux détails visibles. Utilisez des matériaux basés sur la physique, une gestion des couleurs correcte, un mappage tonal maîtrisé et un post-traitement modéré. Visez des performances fluides sur les ordinateurs de bureau modernes et des performances utilisables sur les appareils mobiles de milieu de gamme, avec des réglages de qualité adaptatifs et une densité de pixels plafonnée. Mesurez et rapportez les performances réelles sur les appareils testés. Gérez les échecs de chargement avec élégance et libérez les ressources GPU inutilisées.

**LIVRABLE VIDÉO**  
Produisez une véritable vidéo **MP4 téléchargeable de 30 à 45 secondes, en 1920 × 1080**, encodée en H.264 pour une large compatibilité de lecture. Effectuez le rendu depuis la scène Three.js finalisée en utilisant une synchronisation d'animation déterministe et une capture d'images stable. Enchaînez un plan d'établissement au niveau du fleuve, un passage sous les arches, une ascension le long de l'eau en cascade et une révélation aérienne finale. Maintenez des mouvements de caméra fluides, un éclairage cohérent et des images nettes, sans commandes du site web. Ajoutez une ambiance discrète d'eau et de jardin avec un audio sous licence appropriée.

**LIVRAISON ET ACCEPTATION**  
Créez et déployez le site web complet sur une URL HTTPS publique fonctionnelle. Livrez le fichier MP4, le projet source complet, les ressources hébergées localement, le manifeste des licences des ressources ainsi que des instructions concises de compilation et de déploiement. Vérifiez le site web déployé, le chargement des ressources, chaque interaction, les mises en page réactives, la compatibilité des navigateurs et la lecture de la vidéo. Recherchez les erreurs de console, textures manquantes, collisions de caméra, défauts d'animation et goulots d'étranglement de performance. Signalez honnêtement les éventuelles limitations restantes. Le résultat final doit constituer une expérience finalisée et déployable, avec la cohérence visuelle, la fiabilité et le soin attendus d'une production professionnelle.

**À NE PAS INCLURE :** géométrie temporaire, arrière-plans d'images plates remplaçant l'architecture principale, textures sans licence, ressources liées à distance, commandes défectueuses, faux boutons de chargement ou d'exportation, textures étirées, bloom excessif, pierre à l'aspect plastique, végétation flottante, ombres scintillantes, clipping de la caméra, mises en page mobiles inachevées, filigranes ou affirmations non étayées d'exactitude historique.

Créez **« Jardins suspendus de Babylone »**, un site web 3D interactif de qualité professionnelle conçu avec **Three.js**, accompagné d'une vidéo cinématographique **MP4** soignée, rendue à partir de la même scène.

**DIRECTION ARTISTIQUE**  
Une reconstitution artistique des légendaires Jardins suspendus : une architecture monumentale en terrasses s'élevant depuis une rive désertique, du grès chaud et des briques séchées au soleil, des bandes de carreaux vernissés bleu cobalt, de sobres reliefs dorés, des galeries voûtées, de larges escaliers, des cours ombragées et des canaux d'eau en cascade. Chaque terrasse accueille des palmiers luxuriants, des cyprès, des arbustes fleuris et des plantes grimpantes retombantes. Associez une silhouette étagée clairement lisible à une architecture richement détaillée de près. Lumière chaude de fin d'après-midi, profondeur atmosphérique douce, rugosité réaliste des matériaux, patine discrète et échelle convaincante. Visez le rendu d'une visualisation architecturale haut de gamme et d'un site d'exposition muséale.

**RECHERCHE ET TEXTURES**  
Recherchez sur le web des références visuelles sur l'architecture babylonienne, les briques vernissées, le grès, les reliefs sculptés, l'irrigation ancienne et la végétation régionale. Trouvez des images haute résolution dans le domaine public, sous CC0 ou sous licence appropriée pour créer les textures ; documentez leurs sources et leurs licences. Téléchargez les ressources autorisées et servez-les localement. Utilisez des photographies adaptées comme matériaux sources pour des textures PBR sans raccord et des détails projetés par UV, en corrigeant la perspective, en supprimant l'éclairage directionnel incrusté et en harmonisant les couleurs et l'échelle. Créez des cartes de couleur de base, de rugosité et de normales lorsque nécessaire. Intégrez l'occlusion ambiante et l'éclairage indirect de la scène réelle dans des atlas de textures optimisés, tout en préservant la compatibilité du feuillage animé et de l'eau avec le dispositif d'éclairage. Préservez la netteté des détails architecturaux, sans raccords visibles, UV étirés ni motifs de texture répétitifs.

**SCÈNE 3D ET INTERACTION**  
Créez une architecture cohérente et explorable, avec des supports structurels crédibles, des escaliers reliés, des terrasses accessibles et une végétation soigneusement composée. Animez l'eau qui s'écoule, le léger mouvement du feuillage et de subtiles particules en suspension. Commencez par une approche cinématographique depuis le fleuve vers les jardins, puis passez en douceur au contrôle par l'utilisateur. Prenez en charge l'orbite, le zoom et l'exploration contrainte, avec des points de vue sélectionnés sur la porte du fleuve, la galerie voûtée, la terrasse d'irrigation et le jardin sommital. Incluez un parcours guidé suivant l'eau depuis le réservoir supérieur à travers les terrasses. Proposez des modes jour et coucher de soleil avec un éclairage cohérent. Évitez le clipping de la caméra, le passage à travers les murs et les transitions désorientantes.

**EXPÉRIENCE DU SITE WEB**  
Utilisez une typographie élégante et sobre ainsi que des commandes minimales pour laisser la scène s'exprimer. Incluez un indicateur de chargement clair, un titre d'introduction, une action « Explorer les jardins », une navigation entre les points de vue, une commande de visite guidée et un téléchargement de la vidéo. Indiquez brièvement que la reconstitution est une interprétation artistique. Concevez des mises en page réactives pour ordinateur et mobile, prenez en charge la navigation au clavier et la réduction des animations, et prévoyez une solution de repli soignée lorsque WebGL n'est pas disponible. Veillez au bon fonctionnement de toutes les commandes et à la finalisation de tous les textes d'interface. Passez tous les textes de l'interface et de la visite guidée en anglais : intitulez la page « Hanging Gardens of Babylon » et utilisez des libellés anglais concis pour l'entrée d'exploration, la navigation entre les points de vue, la visite guidée par l'eau et le téléchargement de la vidéo. Donnez à chaque point de vue une courte légende en anglais de 40 mots maximum, précisant brièvement que la scène est une reconstitution artistique et non un témoignage archéologique vérifié. **INGÉNIERIE DE PRODUCTION**  
Utilisez un code Three.js modulaire et une chaîne de ressources conçue pour un déploiement fiable. Optimisez la géométrie, les appels de rendu, les ombres, la végétation et la mémoire des textures grâce à l'instanciation, aux niveaux de détail, aux ressources GLB compressées, aux textures KTX2/Basis et au chargement progressif. Adaptez la résolution des textures aux détails visibles. Utilisez des matériaux basés sur la physique, une gestion des couleurs correcte, un mappage tonal maîtrisé et un post-traitement modéré. Visez des performances fluides sur les ordinateurs de bureau modernes et des performances utilisables sur les appareils mobiles de milieu de gamme, avec des réglages de qualité adaptatifs et une densité de pixels plafonnée. Mesurez et rapportez les performances réelles sur les appareils testés. Gérez les échecs de chargement avec élégance et libérez les ressources GPU inutilisées.

**LIVRABLE VIDÉO**  
Produisez une véritable vidéo **MP4 téléchargeable de 30 à 45 secondes, en 1920 × 1080**, encodée en H.264 pour une large compatibilité de lecture. Effectuez le rendu depuis la scène Three.js finalisée en utilisant une synchronisation d'animation déterministe et une capture d'images stable. Enchaînez un plan d'établissement au niveau du fleuve, un passage sous les arches, une ascension le long de l'eau en cascade et une révélation aérienne finale. Maintenez des mouvements de caméra fluides, un éclairage cohérent et des images nettes, sans commandes du site web. Ajoutez une ambiance discrète d'eau et de jardin avec un audio sous licence appropriée.

**LIVRAISON ET ACCEPTATION**  
Créez et déployez le site web complet sur une URL HTTPS publique fonctionnelle. Livrez le fichier MP4, le projet source complet, les ressources hébergées localement, le manifeste des licences des ressources ainsi que des instructions concises de compilation et de déploiement. Vérifiez le site web déployé, le chargement des ressources, chaque interaction, les mises en page réactives, la compatibilité des navigateurs et la lecture de la vidéo. Recherchez les erreurs de console, textures manquantes, collisions de caméra, défauts d'animation et goulots d'étranglement de performance. Signalez honnêtement les éventuelles limitations restantes. Le résultat final doit constituer une expérience finalisée et déployable, avec la cohérence visuelle, la fiabilité et le soin attendus d'une production professionnelle.

**À NE PAS INCLURE :** géométrie temporaire, arrière-plans d'images plates remplaçant l'architecture principale, textures sans licence, ressources liées à distance, commandes défectueuses, faux boutons de chargement ou d'exportation, textures étirées, bloom excessif, pierre à l'aspect plastique, végétation flottante, ombres scintillantes, clipping de la caméra, mises en page mobiles inachevées, filigranes ou affirmations non étayées d'exactitude historique.