Simulating Realistic Rigid Body Impact on an Inclined Plane in Three.js

Hi everyone,

I’m currently working on a simulation for my bachelor’s thesis using only Three.js (I cannot use external physics libraries like Cannon.js). My goal is to create a realistic motion of a rigid body (a block) moving on an inclined plane, and I’m having trouble simulating the impact when the block collides with the plane. I want the collision and rotation of the object to look natural—similar to the friction animation shown here: https://upload.wikimedia.org/wikipedia/commons/f/f7/Friction_Animation_2_Blocks.gif

Specifically, I’m struggling with:
Implementing a realistic response that rotates the block appropriately upon impact.
Achieving smooth, gradual transitions after impact.

Any insights or suggestions on how to achieve this using only Three.js would be greatly appreciated!

Thanks in advance!

Perhaps something from the collection will help you.

2024 discourse.threejs.hofk.de

2022 discourse.threejs.hofk.de

2021 discourse.threejs.hofk.de


discourse.threejs.hofk.de