Explications du projet
Dans ce projet, j'ai utilisé JavaScript avec la bibliothèque Three.js pour créer une scène 3D immersive. Voici un aperçu des principales fonctionnalités implémentées :
- Skybox et Arrière-plan : Un skybox a été ajouté à l'aide de CubeTextureLoader pour envelopper la scène dans un environnement réaliste.
- Insertion d'Images et d'Objets : Plusieurs images et objets, comme des planches de ponton, des bancs et des paysages montagneux, ont été intégrés avec des textures pour enrichir la scène.
- Escalier de Ponton : Une boucle a été utilisée pour générer un escalier de ponton, créant ainsi une structure détaillée et réaliste.
- Bateau en Mouvement : Deux modèles de bateaux sont animés pour simuler un mouvement naturel, ajoutant du dynamisme à la scène maritime.
- Effets sur les Textures d'Eau : Une texture d'eau a été appliquée avec des paramètres spécifiques pour créer une surface d'eau animée et réaliste.
- Éclairage et Effets Spéciaux : Différents types de lumières, y compris AmbientLight, DirectionalLight et SpotLight, ont été utilisés pour éclairer la scène et créer des effets d'ombre et de réflexion.
Ce projet démontre l'utilisation avancée de Three.js pour la création de scènes 3D interactives, combinant des techniques de modélisation, d'animation et d'effets visuels pour offrir une expérience utilisateur immersive.
La première vue a pour objectif d'approcher la ressemblance au tableau. Cette vue peut etre retrouvé à tout moment avec le bouton Position Initial. La seconde vue montre l'envers du décors avec un espace ou j'ai décidé d'ajouter les éléments demandés non requis pour le tableau (miroir, ombre, etc)