cannon-es VS office

// ============ // 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)), });

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

Cannon-ES - 3D physics engine

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.

This was the post I was remembering, see repo here: https://github.com/pmndrs/cannon-es

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.

The result is a virtual reality experience built with BabylonJS which you can play at https://office.wilcoschoneveld.com/. In this post, I would like to share the challenges I ran into while building it. First, I describe the development process by talking about the technology used, the game plan, level design, and physics work. Next, I dive deep into my attempts to create a great user experience for throwing objects in VR. Finally, I present some tips for debugging a web VR project like mine. Also, the game is open source and can be found on GitHub. Thanks for taking a look!