cannon-es
raycast-vehicle-engine
Our great sponsors
cannon-es | raycast-vehicle-engine | |
---|---|---|
8 | 2 | |
1,676 | 73 | |
2.5% | - | |
4.2 | 0.0 | |
4 months ago | 6 months ago | |
TypeScript | JavaScript | |
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.
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.
raycast-vehicle-engine
-
Drive a Tesla Cybertruck or literally any car on your browser with Threejs
Once I was done with setting up my first raycast vehicle, I was quite proud of myself. Although, I did wish that there was a website where I could upload my car model, and with some tweaks, generate all the code required to build a raycast vehicle. Now generating code on the browser and downloading it as files and folders is something which is not very easy to develop IRL, but is a very fun and plausible problem to solve. And that's how the idea for the Raycast Vehicle Engine took birth. A browser based engine, where a developer can upload a car model, make some tweaks in the code for the vehicle with the help of a GUI, and when satisfied with the tweaks, easily download the code, install using npm i and run using npm start. Sounds pretty interesting, right? Well that's just the beginning.
There are many more awesome features that I am planning to add to the engine, and you can help me out with it too. So do fork it on github. Thanks to everyone that contributed to this project and made it possible and thanks to you for reading this article.
What are some alternatives?
ammo.js - Direct port of the Bullet physics engine to JavaScript using Emscripten
babel-sublime - Syntax definitions for ES6 JavaScript with React JSX extensions.
use-cannon - 👋💣 physics based hooks for @react-three/fiber
racing-game - 🏎 Open source racing game developed by everyone willing
BabylonJS - Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
cannon-es-debugger - Wireframe debugger for use with cannon-es https://github.com/react-spring/cannon-es
three.js - JavaScript 3D Library.
react-three-fiber - 🇨🇭 A React renderer for Three.js
guify - A simple GUI for inspecting and changing JavaScript variables
WebXR-emulator-extension - WebXR emulator extension
JSZip - Create, read and edit .zip files with Javascript