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

• use-cannon

  10 2,685 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.

• react-three-rapier

  4 837 7.1 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.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-fp-movement

  2 27 0.0 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. 💪💪

• gltfjsx

  54 4,162 7.1 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