Create a First Person Movement in React Three Fiber - Part 2

1. use-cannon

   1 10 2,820 5.6 TypeScript

   👋💣 physics based hooks for @react-three/fiber

   

   For this example we are going to use Reac Three Cannon a specific library to create physics. You can use Rapier, another cool library, but is under development right now.

2. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

3. react-three-rapier

   2 5 1,133 5.5 TypeScript

   🤺 Rapier physics in React

   

   For this example we are going to use Reac Three Cannon a specific library to create physics. You can use Rapier, another cool library, but is under development right now.

4. react-fp-movement

   3 2 36 3.2 JavaScript

   Basic scene with geometries and gLTF models to control a character in first person camera

   

   I hope you find it useful as I did. You can see the final project here. Feel free to reach me out and start creating your own projects. 💪💪

5. gltfjsx

   4 58 5,048 7.3 JavaScript

   🎮 Turns GLTFs into JSX components

   

   We are not going to see all the code of the components but it's important to know some key concepts. The next component is ThreeModel.js which is the model of the three. To do this I have used a model from internet and this utility to create a React component from a gLTF.

Suggest a related project