react-fp-movement
Basic scene with geometries and gLTF models to control a character in first person camera (by jgcarrillo)
use-cannon
ππ£ physics based hooks for @react-three/fiber (by pmndrs)
react-fp-movement | use-cannon | |
---|---|---|
2 | 10 | |
37 | 2,835 | |
- | 0.5% | |
3.2 | 5.6 | |
10 months ago | about 1 year ago | |
JavaScript | TypeScript | |
- | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-fp-movement
Posts with mentions or reviews of react-fp-movement.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-09-25.
-
Create a First Person Movement in React Three Fiber - Part 2
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. πͺπͺ
-
Create a First Person Movement in React Three Fiber - Part 1
View on GitHub
use-cannon
Posts with mentions or reviews of use-cannon.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-05-10.
-
Why react-three-rapier does not use worker like use-cannon
I'm using rapier physics lib in my own project, and i did that using workers too, i refered this repository https://github.com/pmndrs/use-cannon and when i saw the similar project to use physics lib into react-three-fiber but with rapier https://github.com/pmndrs/react-three-rapier, i notice that they don't use workers... There is some reason to not use workers with rapier? Weren't we supposed to use physics on workers for performance reasons?
-
Create a First Person Movement in React Three Fiber - Part 2
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.
-
3D web - Cannon physics - web3 serie
"Cannon" is the rigid body physics engine who includes simple collision detection, various body shapes, contacts, friction and constraints.
- About gamedev in JS / ThreeJS
-
How to prevent camera from entering cubes
I'm trying to build a maze using react-three/fiber and react-three/cannon. I've added first person controls using this Minecraft Sandbox and a layout very similar to the example on the react-three/cannon Github page, just with more boxes acting as walls. But, instead of stopping at the boxes/walls, the camera moves directly in and through the larger ones and tumbles over the smaller ones. Any idea how to prevent this?
-
Noob Here! I need help to figure out how use physics with three and react fiber
you use this library: [@react-three/cannon](https://github.com/pmndrs/use-cannon)
-
Challenges of a web VR throwing game
Since I'm a big Poimandres fan I looked into react-xr, and it was very easy to get a first WebXR project up and running. Unfortunately, there are many dependencies in the ecosystem which slowed me down: react-xr is built on top of react-three-fiber which is built on top of Three.js, and physics is enabled by use-cannon which is built on top of cannon-es. For a long time I was running into issues and helping fix them with a couple of pull requests, and ultimately it was preventing me from working on the actual project. Still, Poimandres is a great community and I got a lot of inspiration from the content being shared in the discord.
-
[AskJS] Why don't they make JavaScript multi-threaded?
I'd be really curious to hear how you'd refactor a library like use-cannon? The primary challenge with it's development is exactly the issue that the other commenter described: building the API bridge between the WW and the main thread. I have been thinking about this for at least a full year and I haven't come up with a better way to structure the code - yet this seems like an ideal use case for a webworker.
-
Advice: Three.js vs. Babylon.js - choosing the right 3D javascript library
Thereβs https://github.com/pmndrs/use-cannon for R3F physics too.
-
I'm a bit stuck.
physics are easy, here's a 60 loc arkanoid using use-cannon: https://codesandbox.io/s/sweet-babbage-66cd7
What are some alternatives?
When comparing react-fp-movement and use-cannon you can also consider the following projects:
angular-three - π§ THREE.js integration for Angular π§
react-three-rapier - π€Ί Rapier physics in React
trois - β¨ ThreeJS + VueJS 3 + ViteJS β‘
self-parking-car-evolution - 𧬠Training the car to do self-parking using a genetic algorithm
cannon-es - π£ A lightweight 3D physics engine written in JavaScript.