js przypisanie obiektu do myszki i nadanie grawitacji

Question

Witam,

mam problem z particlami w js. Wygenerowałem sobie określoną ilość, która po załadowaniu strony spada na sam dół. Chciałbym by przy poruszaniu myszką kursor i particle oddziaływały na siebie. Tzn. płynnie się odpychały. Napisałem pierwszą część, ale z drugą nie mam pojęcia co zrobić. Pobranie pozycji kursora na ekranie i co dalej? Wg. mnie kursor punkty w których kursor się przesuwa powinny oddziaływać na particle. Mógłby ktoś zerknąć i podpowiedzieć jak rozstrzygnąć ten problem oraz nakierować?

Załącz kod do codepen:

http://codepen.io/anon/pen/xEyyWJ

Comments

Doprecyzuj: chcesz żeby kursor opychał cząteczki, a te gdy wpadną na siebie też mają się odpychać?

Musisz poniekąd traktować kursor traktować jako "Specjalnego" particle'a, tylko że przeyczepionego do pozycji myszki bez działania grawitacji i pewnie podłogi, kolizja tylko z particleami.

Dalej to zwykłe wykrywanie kolizji pomiędzy okręgami, tut pierwszy z brzegu:

https://developer.mozilla.org/en-US/docs/Games/Techniques/2D_collision_detection

---

Dokładnie chodzi mi o efekt jak na tej stronie : https://www.fullbundle.com/