use-cannon
👋💣 physics based hooks for @react-three/fiber (by pmndrs)
react-fp-movement
Basic scene with geometries and gLTF models to control a character in first person camera (by jgcarrillo)
SurveyJS - 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.
surveyjs.io
featured
use-cannon | react-fp-movement | |
---|---|---|
10 | 2 | |
2,685 | 27 | |
0.4% | - | |
5.6 | 0.0 | |
2 months ago | 12 months ago | |
TypeScript | JavaScript | |
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-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
What are some alternatives?
When comparing use-cannon and react-fp-movement you can also consider the following projects:
react-three-fiber - 🇨🇭 A React renderer for Three.js
trois - ✨ ThreeJS + VueJS 3 + ViteJS ⚡
ammo.js - Direct port of the Bullet physics engine to JavaScript using Emscripten
3d - Three.js 3D项目,包含冰墩墩🐼、数字城市🏙、3D人像👤、车模展示🚗、塞尔达传说🗡等一些3D趣味演示页面,持续优化中...访问链接如下👇
cannon-es - 💣 A lightweight 3D physics engine written in JavaScript.
react-three-rapier - 🤺 Rapier physics in React
react-xr - 🤳 VR/AR with react-three-fiber
angular-three - 🧊 THREE.js integration for Angular 🧊
portfolio-22 - My 2022 Portfolio
WebXR-emulator-extension - WebXR emulator extension
gltfjsx - 🎮 Turns GLTFs into JSX components
use-cannon vs react-three-fiber
react-fp-movement vs trois
use-cannon vs ammo.js
react-fp-movement vs 3d
use-cannon vs cannon-es
react-fp-movement vs react-three-rapier
use-cannon vs react-xr
react-fp-movement vs angular-three
use-cannon vs react-three-rapier
react-fp-movement vs portfolio-22
use-cannon vs WebXR-emulator-extension
react-fp-movement vs gltfjsx