Semaine 9 - Camping sur le Z

Présentation

Vous devez reproduire une scène nocturne minimaliste de camping à partir des formes primitives en React-Three-Fiber. La scène devrait être construite en assemblant différentes composantes réutilisables par les props.

Détails

Votre scène devra contenir au minimum:

• un sol
• des conifères de plusieurs tailles (mais de même forme)
• des pierres de plusieurs tailles
• une tente
• un feu de camp (et source lumineuse)
• la lune (voir les propriétés emissive et emissiveIntensity)
• un personnage animé (voir la section Personnage animé plus loin)

Visuel & ambiance

• Les meshes devront tous utiliser le meshStandardMaterial.
• Vous devez ajouter des lumières afin de vous rapprocher de l’éclairage global souhaité.
• Il est encouragé d’aller fouiller dans les composantes fournies par Drei (section Staging notamment).
• Il est tout à fait correct d’aller modifier CanvasTIM au besoin.

Changer la couleur d'arrière-plan du canvas

Dans la scène (comme enfant direct du <Canvas>):

<color attach="background" args={["cornflowerblue"]} />

Ajouter du brouillard

Voir la documentation pour des détails sur les paramètres à passer au constructeur. Dans la scène (comme enfant direct du <Canvas>):

<fog attach="fog" args={[/* voir la documentation du constructeur */]} />

Ombres

Une rubrique Ombres a été ajoutées aux notes de cours.

Personnage animé

En visionnant le tutoriel vidéo, vous devez afficher l’état Idle de votre personnage dans la scène. Vous devez avoir prévu 3 états différents d’animation (incluant Idle).

Il est préférable d’utiliser un personnage que vous auriez modélisé vous-même, mais si c’est impossible, un personnage récupéré sur le web fonctionnera (tant que sa licence le permet).

Remise

Le devoir doit être complété au début du cours 10 afin de poursuivre l’apprentissage de nouveaux contenus et être prêt pour la suite.