JS Canvas - kolizja dziwnych kształtów

Witam,

w Canvas ogarnąłem mniej więcej kolizję prostokątów i okręgów więc chciałem iść o krok dalej, tym samym chcę zrobić wykrywanie kolizji myszki i trójkąta. Po narysowaniu trójkąta

	ctx.beginPath();
	ctx.moveTo(200, 200);
	ctx.lineTo(300, 100);
	ctx.lineTo(400, 200);
	ctx.closePath();
	ctx.stroke();

moja wiedza jak to popchnąć na przód się skończyła. Na forum znalazłem temat: http://forum.pasja-informatyki.pl/148791/kolizje-obiektow-tworzenie-gier?show=148793#a148793 Po wbiciu z niego haseł do wujka google wyskoczyło mi pół internetu o wszystkim i o niczym z naciskiem o niczym. Poradniki głównie są o prostokątach i okręgach a mało jest o poligonie. To co znalazłem i by podeszło pod temat jest pod języki programowania, których nie umiem więc kręcę się w miejscu.

Proszę o podrzucenie sensownego poradnika pod canvas i/lub c++, ewentualnie naprowadzenie jak to ruszyć. Myślałem o wyznaczaniu środka lub "cięciu" tego na kwadraty. W sieci znalazłem coś o sinusach, cosinusach a nawet o rzutowaniu na osie X, Y, Z. Teraz to już w ogóle nie wiem w którym kierunku iść