Hello! I am currently working on a basic HTML, CSS, and JavaScript game. I am currently trying to implement a collision detection method known as separated axis theorem. It is for my player’s shield. I have been having a lot of trouble with it generally. But right now, I am just focusing on trying to locate the top left of the shield hitbox. However, I just cannot get it to work correctly. What am doing wrong?
A resource I have been using:
GitHub Page (specifically collision.js is the file where the issue is, but the collision function gets used in game.js):