Détails du projet
Point de départ
Les Three.js Journey Challenges sont des défis mensuels proposés par la communauté Three.js Journey, où chaque participant explore un thème imposé en 3D temps réel. Pour ce vingtième défi, le thème "Cozy place" invite à recréer une ambiance douillette et rassurante, un lieu où l'on se sent bien.
La problématique
Au-delà de l'exercice de style, ce challenge est l'occasion d'approfondir l'éclairage temps réel (lighting bake vs. réel), le post-processing (bloom, vignette, grain) et la direction artistique d'une scène 3D complète, loin des contraintes de production d'un projet client.
Conception
Le projet démarre d'un socle technique volontairement minimal : scène vide, sol de repère, contrôles de caméra et pipeline de post-processing déjà en place, pour construire la pièce par-dessus. Une liste guide la suite : choix du décor, modélisation ou kitbash sous Blender, un élément animé "hero" (cheminée, pluie sur une vitre, bougie), et une bande-son d'ambiance.
Mise en œuvre
Stack : Vite pour le build, Three.js piloté par React Three Fiber, drei pour les helpers de scène, postprocessing pour les effets (bloom, vignette, grain) et Leva pour le debug UI en temps réel. Le projet est encore en tout début de production : la scène est actuellement vide, prête à accueillir le décor.