Separating axis theorem implementation flaky minimum translation vector based on triangle orientation

Question

I've implemented some collision detection using separating axis theorem. Works fine for axis-aligned rectangles and two out of four possible right triangle orientations. For some reason when the hypotenuse is oriented down left or up right, the minimum translation vector being calculated is that of the normal of the base or height of the triangle rather than the hypotenuse that is being collided with.

https://i.sstatic.net/W5WHH.png

I've got a jsfiddle demo of my implementation. The center box and right side triangles all show a correct MVT when the collision box collides with them. The ones on the left side do not. Move your mouse over the canvas to move the collision box.

http://jsfiddle.net/XLtdB/

Answer 1

I know this is a very old question, but for those trying to use this code to make a collision engine (like me), I will present a solution, though not a very elegant one:

For a reason I haven't yet identified, flipping the hypotenuse normal of the 'broken' triangles corrects the collision resolution.

Hope this helps:)