Нужно определить наложение двух фигур (canvas, js)
 

Добрый день! Для себя решил открыть новый мир js. И этот мир создание небольной браузерной игры. Вообщем проблема в том, что не могу определить наложение двух объектов друг на друга. Нашел математическое решение этой задачи, но в моей ситуации решение работает не верно (возможно я что-то не так делаю). Вот решение этой радачи wiki
Вот небольшой эмулятор, который я написал для наглядности codepen. Немного поигравшись с перемешением объекта, можно увидеть, что алгоритм отрабатывает неверно.
Может быть кто-то сталкивался с подобной задачей, подскажите пожалуйста.
Все спасибо!

jeysmook,
многоугольник должен быть простым, т.е. без самопересечений

Rise,
Спасибо за подсказку, если у вас есть пример, могли бы вы скинуть его?

Вот статейка с примерами
https://habrahabr.ru/post/128438/

ksa,
Спасибо большое.

Если кому интерестно, то вот написал небольшое приложение для того чтобы можно было создавать полигоны codepen(@deprecated) или github

jeysmook,
Найз ворк. Мэйк плагин энд пуш ту гит.

Столкновение фигур лучше опредеять с помощью векторов. Тот простой способ подойдет только при реализации чего-то наподобие рабочего стола на js

Лучше чем что? :)
Покажи пример определение столкновения с помощью векторов... Т.к. пока это только слова.

js-is-gay,
Да, интерестно было бы глянуть.