# \#cannonjs

**URL:** https://discourse.threejs.org/tag/cannonjs/733.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [My first react-three-fiber demo](https://discourse.threejs.org/t/my-first-react-three-fiber-demo/28939)

<div class="topic-metadata">

**Author:** [@neciszhang](https://discourse.threejs.org/u/neciszhang)\
**Replies:** 7\
**Last updated:** [August 7, 2026, 12:49pm UTC](https://discourse.threejs.org/t/my-first-react-three-fiber-demo/28939 "2026-08-07T12:49:58Z")

</div>

I create a claw machine with react-three-fiber, here is link claw machine. Thank you sketchfab for the free 3d model. Thank you @donmccurdy and @drcmda for your kind guidance. I spent half a day writing and open-sourc…

---

## [I have tried to build a Game like Need For Speed using Cannon-es and Three js](https://discourse.threejs.org/t/i-have-tried-to-build-a-game-like-need-for-speed-using-cannon-es-and-three-js/86955)

<div class="topic-metadata">

**Author:** [@Aditya\_Mandal](https://discourse.threejs.org/u/Aditya_Mandal)\
**Replies:** 11\
**Last updated:** [April 21, 2026, 2:27pm UTC](https://discourse.threejs.org/t/i-have-tried-to-build-a-game-like-need-for-speed-using-cannon-es-and-three-js/86955 "2026-04-21T14:27:04Z")

</div>

https://need-for-speed-clone.onrender.com/

---

## [Three.js Open World: A Collaborative Universe for Creators](https://discourse.threejs.org/t/three-js-open-world-a-collaborative-universe-for-creators/90788)

<div class="topic-metadata">

**Author:** [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Replies:** 0\
**Last updated:** [April 4, 2026, 1:58pm UTC](https://discourse.threejs.org/t/three-js-open-world-a-collaborative-universe-for-creators/90788 "2026-04-04T13:58:12Z")

</div>

I’ve been thinking about a collaborative Three.js open world project where different developers each create their own regions of a shared environment. Instead of one team building everything, it would be a modular wor…

---

## [Mesh / Model into Canon Convex/Trimesh](https://discourse.threejs.org/t/mesh-model-into-canon-convex-trimesh/38813)

<div class="topic-metadata">

**Author:** [@Refr3sh](https://discourse.threejs.org/u/Refr3sh)\
**Replies:** 14\
**Last updated:** [January 29, 2026, 9:25am UTC](https://discourse.threejs.org/t/mesh-model-into-canon-convex-trimesh/38813 "2026-01-29T09:25:38Z")

</div>

Hi there I want to get a body on my imported 3d model i saw the three-to-cannon but i didn’t get to work. Im not using npm and I’m new to Javascript and I only see typescript module that i dont know how to use. I alread…

---

## [Threejs Cannon Virtual Experience Engine](https://discourse.threejs.org/t/threejs-cannon-virtual-experience-engine/39402)

<div class="topic-metadata">

**Author:** [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Replies:** 61\
**Last updated:** [January 17, 2026, 12:32pm UTC](https://discourse.threejs.org/t/threejs-cannon-virtual-experience-engine/39402 "2026-01-17T12:32:37Z")

</div>

This is a THREEjs+Cannon-ES virtual city. This city is combination of ThreeJS + Cannon and clever 3d model design, ThreeJS + Cannon alone cannot make this work, the 3d model must also be built for the purpose. The 3d m…

---

## [Cannon, world.step and delta time](https://discourse.threejs.org/t/cannon-world-step-and-delta-time/88027)

<div class="topic-metadata">

**Author:** [@tommhuth](https://discourse.threejs.org/u/tommhuth)\
**Replies:** 5\
**Last updated:** [November 14, 2025, 9:54pm UTC](https://discourse.threejs.org/t/cannon-world-step-and-delta-time/88027 "2025-11-14T21:54:51Z")

</div>

So I’ve noticed (for a long time) that with quite some frequency my scene would have some very obvious stutter even though the frame rate is pretty stable otherwise and for a scene that is not heavy (at least I think it’…

---

## [Three.js 3D Browser Game Engine](https://discourse.threejs.org/t/three-js-3d-browser-game-engine/87760)

<div class="topic-metadata">

**Author:** [@Vrrency](https://discourse.threejs.org/u/Vrrency)\
**Replies:** 3\
**Last updated:** [October 28, 2025, 11:43pm UTC](https://discourse.threejs.org/t/three-js-3d-browser-game-engine/87760 "2025-10-28T23:43:04Z")

</div>

Three.js Browser Virtual Experience Engine A modular Three.js-powered virtual experience engine written in JavaScript, built for developing large-scale open-world or immersive browser-based environments for gaming, simul…

---

## [Car-Controller-cannon-three](https://discourse.threejs.org/t/car-controller-cannon-three/51425)

<div class="topic-metadata">

**Author:** [@Abhijeet\_Kushwah](https://discourse.threejs.org/u/Abhijeet_Kushwah)\
**Replies:** 6\
**Last updated:** [October 7, 2025, 4:59pm UTC](https://discourse.threejs.org/t/car-controller-cannon-three/51425 "2025-10-07T16:59:00Z")

</div>

Built Basic Car-Controller with cannon,three Keys required to move : W,A,S,D,Spacebar A bit of drifting supported, will be continuing this one contributions are welcomed GitHub Repository: Live Demo: https://car-co…

---

## [Cannon vehicle moving on its own](https://discourse.threejs.org/t/cannon-vehicle-moving-on-its-own/85432)

<div class="topic-metadata">

**Author:** [@rguidolini](https://discourse.threejs.org/u/rguidolini)\
**Replies:** 3\
**Last updated:** [July 29, 2025, 3:03pm UTC](https://discourse.threejs.org/t/cannon-vehicle-moving-on-its-own/85432 "2025-07-29T15:03:40Z")

</div>

I’m implementing a 3D truck simulator and I’m facing a problem with the trailer: it moves on its own, both when parked and when hitched to a semi-truck. Here are some details and context: The ground is perfectly flat …

---

## [CANNON.js not detecting collision between Trimesh and sphere](https://discourse.threejs.org/t/cannon-js-not-detecting-collision-between-trimesh-and-sphere/62696)

<div class="topic-metadata">

**Author:** [@Owen\_Odroski](https://discourse.threejs.org/u/Owen_Odroski)\
**Replies:** 10\
**Last updated:** [April 6, 2025, 1:45pm UTC](https://discourse.threejs.org/t/cannon-js-not-detecting-collision-between-trimesh-and-sphere/62696 "2025-04-06T13:45:16Z")

</div>

I’m using Perlin noise to create a terrain automatically in three.js. I then create a physics body with that mesh using Trimesh and get vertices and indices from the geometry. However for some reason when I drop a sphere…

---

## [Issues with RaycastVehicle in Cannon-es Physics Engine](https://discourse.threejs.org/t/issues-with-raycastvehicle-in-cannon-es-physics-engine/54627)

<div class="topic-metadata">

**Author:** [@ginnychen19](https://discourse.threejs.org/u/ginnychen19)\
**Replies:** 5\
**Last updated:** [August 6, 2023, 12:43pm UTC](https://discourse.threejs.org/t/issues-with-raycastvehicle-in-cannon-es-physics-engine/54627 "2023-08-06T12:43:40Z")

</div>

Hi engineers, Currently, I am using cannon-es as my physics engine. However, I am encountering issues when adding the RaycastVehicle car physics model. Firstly, the angles of my car’s body and wheels are incorrect. The…

---

## [THREEjs GAME Android Integration](https://discourse.threejs.org/t/threejs-game-android-integration/45942)

<div class="topic-metadata">

**Author:** [@Umbawa\_Sarosong](https://discourse.threejs.org/u/Umbawa_Sarosong)\
**Replies:** 10\
**Last updated:** [January 12, 2025, 9:15am UTC](https://discourse.threejs.org/t/threejs-game-android-integration/45942 "2025-01-12T09:15:59Z")

</div>

THREEjs + CANNON GAME \[CASH SURVIVOR\] This game is an example of THREEjs + CANNON-ES virtual experience mobile game implementation with android, exhibiting both application for mobile browser gaming and android integrat…

---

## [Need your advice about my website](https://discourse.threejs.org/t/need-your-advice-about-my-website/72733)

<div class="topic-metadata">

**Author:** [@arifabas](https://discourse.threejs.org/u/arifabas)\
**Replies:** 0\
**Last updated:** [October 12, 2024, 3:35pm UTC](https://discourse.threejs.org/t/need-your-advice-about-my-website/72733 "2024-10-12T15:35:49Z")

</div>

I need advice on what else I should do to improve my website’s performance so that it runs smoothly on all browsers, including mobile. Also, do you have any suggestions on where I can start learning three-to-canon? So fa…

---

## [Physics - dragcontrol l and trannsform control - overlap](https://discourse.threejs.org/t/physics-dragcontrol-l-and-trannsform-control-overlap/70736)

<div class="topic-metadata">

**Author:** [@Parisa\_Shahbazi](https://discourse.threejs.org/u/Parisa_Shahbazi)\
**Replies:** 0\
**Last updated:** [September 15, 2024, 10:14am UTC](https://discourse.threejs.org/t/physics-dragcontrol-l-and-trannsform-control-overlap/70736 "2024-09-15T10:14:36Z")

</div>

I want to add physics to every object in my 3D model(glb). I have used CannonJs a little, but my desired output needs your guidance, dear friends I want every object to have hardness and physics in such a way that when…

---

## [Updating the body shape at run time](https://discourse.threejs.org/t/updating-the-body-shape-at-run-time/65201)

<div class="topic-metadata">

**Author:** [@Akhilesh1902](https://discourse.threejs.org/u/Akhilesh1902)\
**Replies:** 0\
**Last updated:** [May 7, 2024, 4:12pm UTC](https://discourse.threejs.org/t/updating-the-body-shape-at-run-time/65201 "2024-05-07T16:12:09Z")

</div>

Hey everyone, Is there a way to update the body shape dynamically at runtime. I just have simple box body and it needs to be adjusted to the bounding box of the threeJS body during animation. So far I have tried this me…

---

## [Unexpected behaviour of body.applyForce()](https://discourse.threejs.org/t/unexpected-behaviour-of-body-applyforce/65038)

<div class="topic-metadata">

**Author:** [@Nugget](https://discourse.threejs.org/u/Nugget)\
**Replies:** 4\
**Last updated:** [May 4, 2024, 2:43pm UTC](https://discourse.threejs.org/t/unexpected-behaviour-of-body-applyforce/65038 "2024-05-04T14:43:59Z")

</div>

I’ve made my own vehicle physics with cannon-es.js and for some reason body.applyForce(worldSpaceForce, localWheelOffset); applies unexpected forces, making the vehicle jitter and even launch into the air when position…

---

## [How to drop a 3D cube at a fixed distance from the camera and at mouse hieght when we click?](https://discourse.threejs.org/t/how-to-drop-a-3d-cube-at-a-fixed-distance-from-the-camera-and-at-mouse-hieght-when-we-click/63437)

<div class="topic-metadata">

**Author:** [@Harsh\_Singh](https://discourse.threejs.org/u/Harsh_Singh)\
**Replies:** 1\
**Last updated:** [March 30, 2024, 12:47pm UTC](https://discourse.threejs.org/t/how-to-drop-a-3d-cube-at-a-fixed-distance-from-the-camera-and-at-mouse-hieght-when-we-click/63437 "2024-03-30T12:47:00Z")

</div>

Hello Everyone, I was just working on a project and thought to make something like on mouse down i have freedom to decide the radius of three d geometry (cube, sphere etc ) and will drop it to the plane floor when mouse …

---

## [Animation to delete an object from the 3D scene on click](https://discourse.threejs.org/t/animation-to-delete-an-object-from-the-3d-scene-on-click/63438)

<div class="topic-metadata">

**Author:** [@Harsh\_Singh](https://discourse.threejs.org/u/Harsh_Singh)\
**Replies:** 4\
**Last updated:** [March 30, 2024, 12:03pm UTC](https://discourse.threejs.org/t/animation-to-delete-an-object-from-the-3d-scene-on-click/63438 "2024-03-30T12:03:25Z")

</div>

I want to remove a object / geometry (simple cube and spheres ) from the scene whenever I click (obviously through raycaster) how ever is there any sattisfactory animation or effect that I can apply to look better ?

---

## [How to show dynamic position of instance with react + cannon?](https://discourse.threejs.org/t/how-to-show-dynamic-position-of-instance-with-react-cannon/58712)

<div class="topic-metadata">

**Author:** [@espace3d](https://discourse.threejs.org/u/espace3d)\
**Replies:** 1\
**Last updated:** [November 30, 2023, 8:19am UTC](https://discourse.threejs.org/t/how-to-show-dynamic-position-of-instance-with-react-cannon/58712 "2023-11-30T08:19:37Z")

</div>

Hi, I’d really like to be able to use react for its conciseness, but I’m starting to get fed up with its complexity with cannon.js :frowning: How can I display via Useframe the dynamic position of instances that are mo…

---

## [Issues with screen's FrameRates on different devices (Low-end and high-end)](https://discourse.threejs.org/t/issues-with-screens-framerates-on-different-devices-low-end-and-high-end/55561)

<div class="topic-metadata">

**Author:** [@Deepak\_Saini](https://discourse.threejs.org/u/Deepak_Saini)\
**Replies:** 6\
**Last updated:** [November 23, 2023, 4:21pm UTC](https://discourse.threejs.org/t/issues-with-screens-framerates-on-different-devices-low-end-and-high-end/55561 "2023-11-23T16:21:09Z")

</div>

I am developing a simple game, in which the player are just simple spherical balls which are moving in a particular direction with same velocity avoiding the obstacle. the user can control the movement of balls in left a…

---

## [React scene with cannon lag why?](https://discourse.threejs.org/t/react-scene-with-cannon-lag-why/58285)

<div class="topic-metadata">

**Author:** [@espace3d](https://discourse.threejs.org/u/espace3d)\
**Replies:** 6\
**Last updated:** [November 19, 2023, 9:57am UTC](https://discourse.threejs.org/t/react-scene-with-cannon-lag-why/58285 "2023-11-19T09:57:19Z")

</div>

hi, I have this scene : the principle is as follows: if the yellow cube overtakes the red instances, the green supports underneath disappear, so that the red instances fall. The problem is that after the red instances …

---

## [Program your Tesla to race](https://discourse.threejs.org/t/program-your-tesla-to-race/57841)

<div class="topic-metadata">

**Author:** [@kelvinko](https://discourse.threejs.org/u/kelvinko)\
**Replies:** 2\
**Last updated:** [November 12, 2023, 12:22pm UTC](https://discourse.threejs.org/t/program-your-tesla-to-race/57841 "2023-11-12T12:22:14Z")

</div>

I am working on an open source project which aim at letting people interest in autonomous driving technology to try it with a low entry barrier. The end goal would like to allow users to program their car to have autonom…

---

## [React + Cannon how to move an object in one direction without being affected by gravity?](https://discourse.threejs.org/t/react-cannon-how-to-move-an-object-in-one-direction-without-being-affected-by-gravity/58030)

<div class="topic-metadata">

**Author:** [@espace3d](https://discourse.threejs.org/u/espace3d)\
**Replies:** 7\
**Last updated:** [November 12, 2023, 9:38am UTC](https://discourse.threejs.org/t/react-cannon-how-to-move-an-object-in-one-direction-without-being-affected-by-gravity/58030 "2023-11-12T09:38:54Z")

</div>

Hi, With this example (React + Three + Cannon), I’d like my yellow cube to move only on the X axis without being affected by gravity. However hard I try to compensate for gravity by assigning an opposite force, my cube …

---

## [Dice and lid collision effect issue](https://discourse.threejs.org/t/dice-and-lid-collision-effect-issue/56103)

<div class="topic-metadata">

**Author:** [@punner1128](https://discourse.threejs.org/u/punner1128)\
**Replies:** 4\
**Last updated:** [September 28, 2023, 2:46pm UTC](https://discourse.threejs.org/t/dice-and-lid-collision-effect-issue/56103 "2023-09-28T14:46:46Z")

</div>

Uploading: image.png… I’m working on a dice game. Physics rules were applied using cannon.js. The floor, dices, and lid objects were created using blender. The three factors below need to be addressed. The floor…

---

## [How To Create A Cannon-es Body For Ground Made With Displacement Map](https://discourse.threejs.org/t/how-to-create-a-cannon-es-body-for-ground-made-with-displacement-map/55138)

<div class="topic-metadata">

**Author:** [@Aman\_Raj\_Aryan](https://discourse.threejs.org/u/Aman_Raj_Aryan)\
**Replies:** 4\
**Last updated:** [September 19, 2023, 7:16am UTC](https://discourse.threejs.org/t/how-to-create-a-cannon-es-body-for-ground-made-with-displacement-map/55138 "2023-09-19T07:16:12Z")

</div>

I’m trying to create a ground body for ground (three.js mesh) made by displacement map , in cannon but I can’t. here is my code : import \* as THREE from 'three'; import { OrbitControls } from 'three/examples/jsm/cont…

---

## [Using Three-to-cannon library to add cannon bodies to a GLB scene](https://discourse.threejs.org/t/using-three-to-cannon-library-to-add-cannon-bodies-to-a-glb-scene/45071)

<div class="topic-metadata">

**Author:** [@Arman\_Rathore](https://discourse.threejs.org/u/Arman_Rathore)\
**Replies:** 1\
**Last updated:** [September 19, 2023, 7:14am UTC](https://discourse.threejs.org/t/using-three-to-cannon-library-to-add-cannon-bodies-to-a-glb-scene/45071 "2023-09-19T07:14:00Z")

</div>

I’m using Three-to-cannon to add cannon bodies to my GLB scene and the bodies are being generated but they are getting created at 0, 0, 0 coordinates and not where they are supposed to be created and also they are so sca…

---

## [Slash Saber: An endless slashing game made with three.js and Vue](https://discourse.threejs.org/t/slash-saber-an-endless-slashing-game-made-with-three-js-and-vue/55998)

<div class="topic-metadata">

**Author:** [@honzaap](https://discourse.threejs.org/u/honzaap)\
**Replies:** 2\
**Last updated:** [September 15, 2023, 3:13pm UTC](https://discourse.threejs.org/t/slash-saber-an-endless-slashing-game-made-with-three-js-and-vue/55998 "2023-09-15T15:13:27Z")

</div>

Try it out: slashsaber.com I’ve been working on this for a few months now. I’m open to any feedback. Source code: github.com/honzaap/SlashSaber Some 3D assets are also available in the GitHub repo.

---

## [Cloth simulation with CannonJS](https://discourse.threejs.org/t/cloth-simulation-with-cannonjs/55842)

<div class="topic-metadata">

**Author:** [@Bart\_Krakowski](https://discourse.threejs.org/u/Bart_Krakowski)\
**Replies:** 5\
**Last updated:** [September 11, 2023, 5:08pm UTC](https://discourse.threejs.org/t/cloth-simulation-with-cannonjs/55842 "2023-09-11T17:08:39Z")

</div>

I’m trying to create a cloth simulation using @react-three/fiber and @react-three/cannon. I created particles that respond to physics. However, I would like to reproduce this behavior on cloth. However, I can’t get the …

---

## [Issue with combining physics body with imported model .glb file?](https://discourse.threejs.org/t/issue-with-combining-physics-body-with-imported-model-glb-file/53759)

<div class="topic-metadata">

**Author:** [@nihal](https://discourse.threejs.org/u/nihal)\
**Replies:** 2\
**Last updated:** [July 13, 2023, 3:57am UTC](https://discourse.threejs.org/t/issue-with-combining-physics-body-with-imported-model-glb-file/53759 "2023-07-13T03:57:59Z")

</div>

I have imported a car model as .glb file, and I have created a physics body using CanonJS. When merging these two, the position does not become correct. Model and physics body are completely different directions. The phy…

---

## [Dynamic bones animation](https://discourse.threejs.org/t/dynamic-bones-animation/52718)

<div class="topic-metadata">

**Author:** [@stmaccarelli](https://discourse.threejs.org/u/stmaccarelli)\
**Replies:** 4\
**Last updated:** [June 13, 2023, 1:46pm UTC](https://discourse.threejs.org/t/dynamic-bones-animation/52718 "2023-06-13T13:46:56Z")

</div>

Hello, another dynamic animation question on a ragdoll I’m trying to build in three from a skinned mesh using cannonjs simulation. I cant figure out how to solve my issue. I Have a skinned mesh, with some “chains” of b…

[Next page](https://discourse.threejs.org/tag/cannonjs/733.md?match_all_tags=true&page=1&tags%5B%5D=cannonjs)