Stacks
ThreeJSNextJSNodeJS
Description
En décembre 2024, j'ai eu le privilège de participer à la Nuit de l'Info. Accompagné de mes amis Amézir Messaoud, Amel Chabah et Driss Benadjal, nous avons réalisé un site sur le thème du changement climatique, qui était imposé pour cette édition 2024. En plus du temps limité, une autre contrainte pour ce site était l'inclusion d'un jeu de questions-réponses. C'est alors que nous avons décidé d'ajouter de la 3D en utilisant la bibliothèque ThreeJS. Après 8 heures de hackathon, nous avons livré notre site "Planète Danette". Celui-ci a décroché la deuxième place pour le site le plus accessible. C'est un résultat dont nous sommes très fiers, d'autant plus qu'il est très complexe de rendre un site accessible avec de la 3D.
Mon Travail
3D programmer
Comme je l'ai mentionné précédemment, nous devions créer un petit jeu sur le changement climatique pour ce site web. Comme nous avons choisi de réaliser un site web en 3D, j'étais chargé de créer la scène 3D du jeu. Pour m'aider, j'ai utilisé Spline pour gérer les éléments 3D, puis je l'ai exportée au format ThreeJS afin de l'intégrer dans le site. J'ai également placé plusieurs caméras pour mettre en avant les éléments concernés par chaque question. Nous avons lié chaque question à une caméra spécifique afin que, lorsque vous répondez à une question, la caméra se déplace pour se concentrer sur la suivante.
