Witam,
w ramach nauki javascript robie sobie rozne testy na canvasie. Zrobilem sobie jakies tam kwadraciki ale mam problem z kolizjami.
Dzialaja ale tak mocno średnio, i jeszcze nie na kursor a powinny. :/
Za duzo zjadaja CPU i jak jest za duzo kwadratow to cholernie zacina sie. Teraz ustawilem na 3, na 7 juz mialem pokaz slajdow, a docelowo to powinno działać i na 50 :/
Moj projekt jest tutaj: http://html.stronademo.pl/canvas_test/
Kod mozecie sobie oczywiscie pobrac bez problemu.
Jak zrealizowac kolizje klasycznych kwadratow?
Na razie jest tak ze na drugim canvas nie widocznym, obiekty kolizyjne rysuje na czerwono. I przy kazdej klatce dla kazdego obiektu przy akcji rysuj wykonuje funkcje hittest ktora odpowiednio odbija kwadrat w poziomie lub pionie.
Kompletnie nie wiem jak zrealizowac to zeby kwadrat odbil sie nawet jak odbije sie od niego inny kwadrat duzo mniejszy. Nie wiem jak efektywnie sprawdzic odbicie na kazdej ze scian. Najpierw zrobilem petle for po kazdym pikselu dla kazdej ze scian (gorna dolna prawa lewa), ale cholernie zamulalo. Pozniej zrobilem tak ze dla kazdej sprawdzam 4 punkty na scianie, troche lepiej chodzilo ale nadal klatkowalo :/
Anyone?
Zakładki