use-cannon
๐๐ฃ physics based hooks for @react-three/fiber (by pmndrs)
react-three-rapier
๐คบ Rapier physics in React (by pmndrs)
use-cannon | react-three-rapier | |
---|---|---|
10 | 5 | |
2,822 | 1,133 | |
0.5% | 3.4% | |
5.6 | 5.5 | |
11 months ago | about 1 month ago | |
TypeScript | TypeScript | |
MIT License | 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.
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
react-three-rapier
Posts with mentions or reviews of react-three-rapier.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-05-14.
-
Building Your First Browser Game with Three.js and React: Part 3 - Adding Interactivity and Physics
When it comes to integrating physics into React Three Fiber, several libraries are available. @react-three/rapier stands out as one of the most recent updated (created in 2019 and written in Rust), making it a great choice for adding physics in 3D web environments.
-
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?
-
Are there any examples (projects etc.) of using Rapier Character controller with React Three Fiber?
Are you using react-three/rapier?
-
Finished The Final Lesson Of Three JS Journey And Gave It My Own Touch. Made With React Three Fiber
it's using https://github.com/pmndrs/react-three-rapier
-
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.
What are some alternatives?
When comparing use-cannon and react-three-rapier you can also consider the following projects:
cannon-es - ๐ฃ A lightweight 3D physics engine written in JavaScript.
react-fp-movement - Basic scene with geometries and gLTF models to control a character in first person camera
self-parking-car-evolution - ๐งฌ Training the car to do self-parking using a genetic algorithm
react-three-offscreen - ๐บ Offscreen worker canvas for react-three-fiber
react-three-fiber - ๐จ๐ญ A React renderer for Three.js
robbiemultiversemadness
WebXR-emulator-extension - INACTIVE - WebXR emulator extension
gltfjsx - ๐ฎ Turns GLTFs into JSX components
xr - ๐คณ VR/AR for react-three-fiber
ammo.js - Direct port of the Bullet physics engine to JavaScript using Emscripten
office
use-cannon vs cannon-es
react-three-rapier vs react-fp-movement
use-cannon vs self-parking-car-evolution
react-three-rapier vs react-three-offscreen
use-cannon vs react-three-fiber
react-three-rapier vs robbiemultiversemadness
use-cannon vs WebXR-emulator-extension
react-three-rapier vs gltfjsx
use-cannon vs xr
react-three-rapier vs cannon-es
use-cannon vs ammo.js
use-cannon vs office