Car physics mini game with React Three Fiber and Three.js [ Tutorial part 3 ]

Continuing our journey on the exploration of the physics engine cannon.js, we'll now focus on creating the controls for the car, which can be created by accessing the vehicleApi object that we've seen in the second episode, and we'll also start to create all the physics entities for our scene colliders, including the ramp!
At the end of this part, you'll have a controllable vehicle that can crash into trees and make big jumps on a ramp!
Link to the ramp model:
github.com/Domenicobrz/R3F-in...
Project's repo:
github.com/Domenicobrz/R3F-in...
Try it live in your browser!
domenicobrz.github.io/youtube...
Intro: 0:00
Community feedback!: 0:10
Car controls: 0:34
Colliders: 3:28
Ramp: 4:26
Conclusion: 6:13
#react #threejs #javascript

[@braidata]

Very inspiring tutorials! I remember the first time I saw one, a few years ago, I will learn until I can understand everything you explain without copying your code. Thank you!

[@irradiance730]

Thank you! Glad to know you're liking the journey so far :)

[@melcrafter]

Awesome Tutorials!!!! I am hanging to learn the rest, how we are going to connect the actual box into the car mesh!, seeing the repo is not enough! . Excellent content!

[@irradiance730]

thank you so much! very happy to know people are finding these videos useful! :)

[@abedelrazzakchreim4988]

how to change the size of the ramp?

[@irradiance730]

That's a difficult one, you'd have to change / update the glb models in blender and then re-bake the track texture!