MUSBA Experience

website * Three.js-GSAP * 2024

Mon premier projet en three.js ! En collaboration avec un artiste 3D j’ai réalisé pour un projet de narration interactive ce site qui met en avant les deux modèles 3D que l’on a utilisé dans l’expérience.

MUSBA Experience

Après avoir fini les 4 premiers chapitre de la formation three.js journey de Bruno Simon, il était temps de créer mon propre projet de zéro. L’idée de base était d’intégrer les deux modèles 3D du projet dans une expérience interactive produite pour le compte du Musée des Beaux-Arts de Bordeaux, mais pour des problématiques de temps et de poids, nous avons décidé d’abandonner l’idée. J’ai donc créé ce petit projet, ou je me suis beaucoup amusé avec les lumières pour me permettre de mettre en pratique mon apprentissage.

Tools

Dans ce projet, j'ai majoritairement utilisé la librairie three.js pour toute la 3D. Il m’a permis de mettre en pratique beaucoup d’apprentissage en utilisant notamment différents types de lights, les shader pour mes particules, lil-gui pour le debug, le post-processing avec l’effet glitch, et bien d’autres choses encore… J’ai également utilisé GSAP pour animer la page d’intro et mon animation de caméra lors de l’ouverture de l’expérience.