Estoy tratando de crear un motor de física muy simple en JavaScript, hasta ahora obtuve esto: https://github.com/201flaviosilva/Impacto

Bueno, me quedé atascado en la resolución/manejo de colisiones, tengo una función que encuentra dónde ocurrió la colisión:

 detectRectangleAndRectangleCollisionDirections(rect1, rect2) { if (this.overlapRectangleAndRectangle(rect1, rect2)) { const bounds = this.getBoundsOfTwoOverlappingRectangles(rect1, rect2); // console.log("Collision"); const merged = new Vector2(rect1.getCenterX() - UtilsMathInstance.rectangleCenterXFromRectangle(bounds), rect1.getCenterY() - UtilsMathInstance.rectangleCenterYFromRectangle(bounds)); // console.log(merged); const mergedN = new Vector2(merged.x, merged.y); mergedN.normalize(); const collisions = []; // console.log(mergedN); if (mergedN.y > 0.5) collisions.push("TOP"); if (mergedN.y < -0.5) collisions.push("BOTTOM"); if (mergedN.x < -0.5) collisions.push("LEFT"); if (mergedN.x > 0.5) collisions.push("RIGHT"); return collisions; } return false; }

Tengo 3 tipos de cuerpos físicos, dinámicos, cinemáticos y estáticos.

El problema, por ejemplo, cuando un Rectángulo choca con otro Rectángulo esta función devuelve 2 ejes de colisión, imagina el rectángulo A chocando con el rectángulo B a la derecha del rectángulo A. En esta situación el rectángulo A entra al rectángulo B, por lo que tiene el derecha y la parte superior e inferior dentro. Entonces, después de obtener el retorno de esta función, invierto la velocidad del objeto, pero con esta implementación, invierto un eje 1 que se suponía que no debía invertirse :)

Por favor, cualquier ayuda es muy útil :)

Imagen del ejemplo: Ejemplo de Colisión