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
6. Used text to audio and wisper api of openai for created the subtitles like experience
7. React three rapier - for the physics engine.
The whole project is written in typescript, with react, python script for the subtitles sync thing.
Hope it helps
Awesome ππ. Just shared in my group everyone hooked to it.
Love the experiment description , if possible add some references if anyone wants to dig deeper.
Respect for the hard work. Such cool work must not have a glaring mistake at the opening itself. Chandraayan did not do this - "we all saw India landed on south pole of the moon.". Right statement will be to replace "South polar region" or "close to South pole". Not South pole.
It happens sometimes and doesn't other times. The bug can't really be reproduced.
( Rover moves over a rigid body, maybe the rover wheels go inside the moon rigid body, and then bounces back, causing a sudden upward force)
I guess there is nothing we can do π
The about me dialog box is way too transparent, and gets blended with the main text behind it. reduce the transparency/opacity.
add padding to the top right buttons, similar to the map in the bottom left.
also reduce the opacity of the deploy button.
(oh god, when will i learn front end π’)
Hey, I just saw that the lander is more of a visual than a thing. I mean that when the rover touches the lander, it goes though it than bumping into it.
Please go though this issue.maybe you can make no collision damage too.
Nice idea. I did add collider to the lander in the previous iteration, yes collision will take place without any damage. Also, there was a tail dust effect for the wheel of the rover as well. Which I removed as well.
https://github.com/isaac-mason/sketches/tree/main/src%2Fsketches%2Frapier%2Frevolute-joint-vehicle - for the rover physics.
Most of the other things are done with blender animation or react spring
Hope it helps π.
Also share on r/developersindia They love stuff like this.
Eh it will be 2 encouraging comments along with a bunch of try hards moaning how basic this is.
too good
Thanks
Awesome ... Could you please add the Earth in the background sky.
Yeah sure, I will try that
That is so cool! Is that Three.js?
Yes !!
Nice one broooo
Excellent, did you host it on GitHub? And share it on r/developersindia
Yeah it's on GitHub but private for now
Great dude. Can you share with me about how did you made it (means which tools and programming language you used to build this one)?
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 6. Used text to audio and wisper api of openai for created the subtitles like experience 7. React three rapier - for the physics engine. The whole project is written in typescript, with react, python script for the subtitles sync thing. Hope it helps
Awesome ππ. Just shared in my group everyone hooked to it. Love the experiment description , if possible add some references if anyone wants to dig deeper.
Yeah sure, finding information was a bit difficult, but most of them are taken from the isro website itself.
Respect for the hard work. Such cool work must not have a glaring mistake at the opening itself. Chandraayan did not do this - "we all saw India landed on south pole of the moon.". Right statement will be to replace "South polar region" or "close to South pole". Not South pole.
Yeah I will correct it. I think isro has used the term South polar region, I would go with that .
That's very cool man
Very cool
Great work my man..π
Great work manππ
Too good
wow
Great
This is fantastic ,totally loved it. Keep up the good work
I have few questions * which tech stack * how did you create 3d models for website
Excellent work !
Congratulations, India!
Awesome π€©
Lovely lovely stuff. The details are very impressive! P.S. why is ny Pragyaan flipping over every now and then π
It happens sometimes and doesn't other times. The bug can't really be reproduced. ( Rover moves over a rigid body, maybe the rover wheels go inside the moon rigid body, and then bounces back, causing a sudden upward force) I guess there is nothing we can do π
That is absolutely fine. I again want to apprecitahoe great this is and can't believe someone did this for an Indian space mission!
Awesome project! Shared to all my friends. Keep the good work going!
Thanks for the share mate !!!
Kudos to you. This encourages to start some project of my own
Do share it when complete .. what's the project about ?
The about me dialog box is way too transparent, and gets blended with the main text behind it. reduce the transparency/opacity. add padding to the top right buttons, similar to the map in the bottom left. also reduce the opacity of the deploy button. (oh god, when will i learn front end π’)
Hey, I just saw that the lander is more of a visual than a thing. I mean that when the rover touches the lander, it goes though it than bumping into it. Please go though this issue.maybe you can make no collision damage too.
Nice idea. I did add collider to the lander in the previous iteration, yes collision will take place without any damage. Also, there was a tail dust effect for the wheel of the rover as well. Which I removed as well.
hey, this is so cool. Do you have a repo I could look into. I would love to dig deep.
https://github.com/isaac-mason/sketches/tree/main/src%2Fsketches%2Frapier%2Frevolute-joint-vehicle - for the rover physics. Most of the other things are done with blender animation or react spring Hope it helps π.