Canvas - warunek sprawdzający czy wylosowanie współrzędne punktu są w danej ścieżce

Question

Witam, 

Chce napisać program w js, który losuje dwie współrzędne z przedziały i sprawdza czy leży w środku narysowanej ówcześnie ścieżki, ścieżka ma być w kształcie trójkąta. Chce się dowiedzieć jak napisać ten warunek, jeśli chodzi o kwadrat czy prostokąt jest łatwo, a jak to wykonać w przypadku trójkąta. Tu znajduje się początek mojego kodu 

http://codepen.io/luke97/pen/ZprBJo?editors=1010 

podpowiedzcie mi jak mam to wykonać, co mam uwzględnić przy pisaniu tego warunku. Dzięki za pomoc 

Answer 1

Na podstawie dwóch punktów

ctx.moveTo(260, 100);
ctx.lineTo(300, 300);

musisz określić wzór funkcji liniowej.

Następnie sprawdzasz czy f(x) zwróci y, i czy x należy do dziedziny funkcji ( gdzie x i y to współrzędne wylosowanego punktu )

Jeśli ten warunek zostanie spełniony dla jednej z 3 powstałych w ten sposób funkcji - punkt leży na stworzonej przez Ciebie ścieżce.

Comments

możesz to rozbić twoje rozumowanie na więcej kroków :) chce sprawdzić czy punkt leży w środku narysowanego trójkąta, a nie na jego krawędziach.

---

Z twojego pytania wynika jasno, że chcesz sprawdzić, czy punkt leży na ścieżce. Nie w figurze narysowanej przez ścieżkę.

Ze sprawdzaniem, czy punkt leży w trójkącie sprawa jest już trochę bardziej skomplikowana pod względem matematycznym. Tutaj dość jasna instrukcja implementacji - wystarczy przepisać ją na JS: http://stackoverflow.com/a/13301035

Answer 2

Poniżej wrzucam dość fajnie napisane wyjaśnienie:

https://stackoverflow.com/questions/6865832/detecting-if-a-point-is-of-a-line-segment