Collision Detection

💢 Collision Detection has been added to enhance modular or spatial configuration experiences so that objects either cannot intersect or to warn the user that objects intersect.


To add Collision Detection to your modular or spatial configurators, you will need to add Collision to your Layout Containers and the individual objects you'd like collision physics to impact.

First, add the new Collision Settings operator to your Layout Container:


There are two Collision Setting Modes. 

  • Collision Detection - lets the user know that objects have collided through highlighting but does not prevent it.
  • Prevent Collision - prevents objects from intersecting 

Note: you should lock the translation so that objects don't "jump" when they collide and stay fixed to the surface you've selected in your layout container.

Next, for each object the Layout Container is affecting that you'd like Collision physics to apply to, you'll need to add the new Physics Plug:


Then, you will need to add the Collider operator in the Physics section of the Properties panel:


Finally, you can set the collision detection accuracy:


  • Bounding Box - the most performant setting but least conforming to non-rectangular shapes
  • Reduced Hull (Default) - approximates the shape of your object while remaining performant
  • Exact Hull - uses the exact shape of the object but can create performance issues for complex objects and scenes

Note: to enable Collision Detection client side, you'll need to load the required, separate library: 

 <script src="https://[environment]/app/js/threekit-packs-physics.js"></script>
Share this