How do I see if two rectangles intersect in JavaScript or pseudocode?

Question

I have two rectangles which I must return in a function whether they intersect or not.

They are represented by [ x0, y0, x1, y1 ] pairs that represent the t

Answer 1

Update

After a time I decided to redo a complete answer about detecting collision between 2 rotated rectangles: How to detect when rotated rectangles are colliding each other

---

Original Answer

If you want to check if 2 rotated rectangles collide you have to make projection of one rectangle corner on the axes of the other. If all projections of rectA hit the rectB, and rectB projections hit rectA then the two rectangles collide.

Some projection don't collide here, the 2 rectangles are not collide.

The 4 projections hit the other rectangle, the 2 rectangles are collide.

I have made a presentation on this JSFiddle for more comprehension.

You can check the function is_collide for more example