Cap au nord : voyage interactif en drakkar viking

Créez « Northbound », un magnifique voyage interactif en 3D à travers un fjord nordique, à bord d’un drakkar viking détaillé. Construisez une véritable scène en temps réel avec Three.js et WebGL, livrée sous la forme d’un fichier HTML autonome unique. Il doit s’agir d’une expérience de navigation explorable dans un navigateur, et non d’une vidéo pré-rendue ou d’une illustration plate. DIRECTION VISUELLE Visez un environnement soigné et cinématographique, avec des matériaux réalistes, des proportions naturelles et des couleurs sobres. Évitez tout rendu cartoon ou low-poly. Un drakkar en bois avance sur une eau d’un vert-bleu profond, entre de hautes falaises, des forêts denses, des cascades et de petits villages nordiques. Utilisez une perspective atmosphérique, une brume légère, des ombres douces et une profondeur convaincante. Composez de beaux points de vue tout au long du voyage, et pas uniquement depuis la position initiale de la caméra. LE DRAKKAR Construisez une coque détaillée et étanche, composée de planches de bois qui se chevauchent, avec un veinage visible, des membrures, des bancs et un intérieur continu. Ajoutez une proue sculptée en forme de dragon, une voile en tissu rayé, un mât, des cordages, des boucliers, des provisions et des lanternes diffusant une lumière chaleureuse. Intégrez des passagers et des rameurs vikings aux proportions cohérentes, vêtus de plusieurs couches, installés dans des positions assises crédibles, les mains placées près de leurs rames. Tous les éléments doivent rester physiquement connectés. Aucun passager flottant, aucun accessoire qui s’interpénètre et aucun vide visible à travers la coque. Animez subtilement la flottabilité, le tangage et le roulis. La voile doit réagir doucement au vent. EAU ET RAMES Faites de l’eau un élément visuel central. Utilisez un shader personnalisé avec des réflexions planaires, de la réfraction, des reflets de Fresnel, une absorption dépendante de la profondeur, des zones peu profondes visibles et des ondulations de surface superposées. Les réflexions doivent réagir correctement aux mouvements de la caméra et aux variations de l’éclairage. Créez un sillage crédible derrière le navire. Animez un cycle complet de rame : les pales entrent dans l’eau, tirent vers l’arrière, sortent de l’eau, puis reviennent au-dessus de la surface. Synchronisez ce mouvement avec celui des rameurs. Générez des ondulations, de l’écume et de petites gouttelettes aux véritables points de contact entre les pales et l’eau. Les traînées doivent rester dans l’espace monde et se dissiper progressivement. Évitez que les effets apparaissent lorsque les pales sont dans les airs. ENVIRONNEMENT ET MATÉRIAUX Utilisez un terrain détaillé, des formations rocheuses irrégulières, des silhouettes d’arbres naturelles, des troncs ramifiés et des groupes distincts de feuilles ou d’aiguilles. Utilisez des matériaux PBR avec des maps de normales et de rugosité pour le bois, la pierre et le sol. Vous pouvez intégrer des textures sous licence appropriée ; ajoutez les attributions requises le cas échéant. Veillez à ce que le terrain sous-marin se prolonge sous la surface. Aucun raccord lumineux, aucun vide sur le rivage, aucune végétation flottante et aucun arbre ne doit bloquer la route navigable. CONTROLS A/D ou touches fléchées : piloter à gauche et à droite. W/S : ajuster la vitesse. Glisser avec la souris : regarder autour de soi. Proposez des modes de caméra suiveuse, orbitale et cinématique. Incluez un mode de voyage automatique facultatif. Ajoutez des commandes pour mettre en pause, réinitialiser, passer en plein écran et masquer l’interface. Prenez en charge le pilotage tactile et le contrôle de la vitesse sur mobile. Empêchez le navire de traverser les terres et les rochers. ATMOSPHÈRE ET INTERFACE Proposez trois préréglages d’éclairage avec transition fluide : Matin, Ciel couvert et Clair de lune. Ajoutez en option des sons d’ambiance de l’eau, du vent, des oiseaux et des rames. L’audio ne doit démarrer qu’après une interaction de l’utilisateur. Concevez une interface éditoriale minimaliste : « Northbound. » dans une élégante police à empattements, des intitulés de chapitres discrets et une barre de commandes compacte et translucide. Laissez le paysage dégagé. PERFORMANCES ET LIVRAISON Utilisez l’instanciation, des budgets de géométrie raisonnables, un niveau de détail dépendant de la distance et des cibles de réflexion de taille adaptée. Adaptez la qualité du rendu à l’appareil au lieu de promettre une fréquence d’images fixe. Livrez un seul fichier HTML contenant les scripts et les ressources nécessaires afin de pouvoir l’ouvrir directement dans un navigateur moderne. Testez le pilotage, les modes de caméra, les transitions d’éclairage et les mouvements de rame. Inspectez le navire sous plusieurs angles et vérifiez le rivage depuis des points de vue bas. Corrigez les intersections de géométrie, les artefacts de réflexion, les reflets excessifs et les erreurs de console avant de considérer la scène comme terminée. Privilégiez une eau convaincante, un drakkar magnifiquement construit et un environnement cohérent plutôt que l’ajout de nouveaux objets.