Chandrayaan-3 Experience

I wanted to create an interactive site remembering the Chandrayaan-3 Mission of India. I took a lot of inspiration from eyes project of nasa, and few others.

So, if you guys can visit and give feedback that would be great.

You can move the rover as well with 'AWSD' or arrows keys. Rover might blast off (its a bug).

Here the tech stacks :

1. Blender : modelling and animations

2. ThreeJs :- canvas based 3d renderer

3. R3F - react-three-fiber

4. Zustand - for state management

5. React spring - for simple animations like lander landing animation and few others

   Used text to audio and wisper api of openai for created the subtitles like experience

6. React three rapier - for the physics engine.

7. React three XR - for the Augmented reality.

The whole project is written in typescript, with react, python script for the subtitles sync thing.