folio-2019
cannon-es
folio-2019 | cannon-es | |
---|---|---|
1 | 8 | |
4,160 | 1,676 | |
- | 1.2% | |
0.0 | 4.2 | |
3 months ago | 4 months ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
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.
folio-2019
-
Drive a Tesla Cybertruck or literally any car on your browser with Threejs
Everybody hates going through the docs, well at least most of the developers I know do hate reading docs quite a lot, but threejs, although it is very popular and the community using it is constantly growing, there is not much information on how to build certain things online, unless you're figuring out things by yourself. I had to go through that painful journey of trying to figure out, how to get a raycast vehicle up and running on my browser. There's a course by Nik Lever on how to create a 3D car racing game with threejs and cannonjs. I almost got to a point where I was about to buy his course, which I am sure is excellent, but again it's not free. After going through the docs a little bit more harder and with the help of Poimandres' developers on Discord and going through Bruno's code for his portfolio, I finally figured out how to get a raycast vehicle up and running on my browser. Boy did it feel good, but it took a lot of effort since the docs aren't that helpful, and the best way to get something working on your computer is to basically play with a project which is already built using the same technology you're trying to implement and trying to reproduce it for your project.
cannon-es
-
Help with chase camera
// ============ // part 2 // add base vehicle body // reference: https://github.com/pmndrs/cannon-es/blob/master/examples/rigid_vehicle.html // ============ const carBody = new CANNON.Body({ mass: 20, position: new CANNON.Vec3(0, 6, 0), shape: new CANNON.Box(new CANNON.Vec3(4, 0.5, 2)), });
-
Hello guys can someone help me with this? I'm trying to use the wireframe because I think I made an error when implementing the quaternion to my cube. I'm trying to use the debug tool. Do I need to import something with that? I already imported the Cannon.Js and everything works fine.
cannon.js hasn't been maintained for 7-8 years, the project lives on here https://github.com/pmndrs/cannon-es you import it like so
-
Drive a Tesla Cybertruck or literally any car on your browser with Threejs
Cannon-ES - 3D physics engine
-
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.
-
Learn Three.js + Cannon.js while building a 3D game with physics (FREE course)
This was the post I was remembering, see repo here: https://github.com/pmndrs/cannon-es
-
[AskJS] What is your favorite JavaScript physics library?
btw canon has been abandoned for years. it continues to receive support on here: https://github.com/pmndrs/cannon-es which next to bug fixes also gives it types and esm/tree-shaking.
What are some alternatives?
racing-game - 🏎 Open source racing game developed by everyone willing
ammo.js - Direct port of the Bullet physics engine to JavaScript using Emscripten
JSZip - Create, read and edit .zip files with Javascript
use-cannon - 👋💣 physics based hooks for @react-three/fiber
stats.js - JavaScript Performance Monitor
BabylonJS - Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
cannon-es-debugger - Wireframe debugger for use with cannon-es https://github.com/react-spring/cannon-es
react-three-fiber - 🇨🇭 A React renderer for Three.js
raycast-vehicle-engine - Drive your favorite 3D car in your threejs world just by uploading the GLTF Model and generating code all on the browser itself!
WebXR-emulator-extension - WebXR emulator extension
three.js - JavaScript 3D Library.