Accurate OBB for GLTF (Oriented Bounding Box)

Hi all,
I am struggling with OBB and could really use a little help to get me going.
For some reason, I cannot create an OBB with the right size, position and rotation:
OBB → red box
AABB → yellow box
image

I am now familiar with the OBB documentation and the few examples online.
What I am missing?
I replicated what I am doing here: UZI demo - JSFiddle - Code Playground

Thanks for your help!

Try it like so: UZI demo - JSFiddle - Code Playground

The following line was wrong:

bbox.applyMatrix4(child.matrix);

If you setup the box for visualizing the OBB like in your app, it’s sufficient to just copy the OBB’s center to the box’s position property.

2 Likes