Stacks
ThreeJSNextJSNodeJS
Description
In December 2024, I had the very special pleasure of participating in the Night of Info. Accompanied by my friends Amézir Messaoud, Amel Chabah, and Driss Benadjal, we created a website on the theme of climate change (which was the theme imposed for this 2024 edition). In addition to the limited time, another constraint for this website was that it had to include a question-answer game. That's when we thought about adding 3D using the ThreeJS library. After 8 hours of hackathon, we delivered our "Planet Danette" website. It won second place for the most accessible website. It's a result we're very proud of, especially considering how complex it is to make a website accessible with 3D.
My work
3D programmer
As I mentioned earlier, we had to create a small game about climate change on this website. Since we chose to build a 3D website, I was responsible for creating the 3D scene for the game. To assist myself, I used Spline to manage the 3D elements and then exported it into a ThreeJS format to integrate it into the website. I also placed several cameras to focus on the relevant elements for each question. We linked each question to a specific camera, so when you answer a question, the camera switches to focus on the next one.
