[JS] canvas. Jak zwiększyć prędkość ruchu elementu sterowanego klawiaturą z zachowaniem płynności ruchu?, Wyjaśnienie problemu z filmikami i kod po wejściu |
[JS] canvas. Jak zwiększyć prędkość ruchu elementu sterowanego klawiaturą z zachowaniem płynności ruchu?, Wyjaśnienie problemu z filmikami i kod po wejściu |
16.08.2018, 00:18:20
Post
#1
|
|
Grupa: Zarejestrowani Postów: 57 Pomógł: 0 Dołączył: 12.07.2016 Ostrzeżenie: (0%) |
Filmik przedstawia efekt kodu zamieszczonego poniżej (kod nie cały, tylko to w czym problem)
https://streamable.com/s43im Chodzi o to "skakanie" kulki, szarpanie wynikające z tego, że w kodzie dałem zmianę x i y o 8. Gdy było 1 kulka przesuwa się powoli: https://streamable.com/cyagg Próbowałem też funkcję dzielnik() wywoływać z innym odświerzaniem. Efekt - miganie kulki Kod wygląda tak:
Ten post edytował gburhiphop 16.08.2018, 00:25:07 |
|
|
16.08.2018, 12:00:49
Post
#2
|
|
Grupa: Zarejestrowani Postów: 1 240 Pomógł: 278 Dołączył: 11.03.2008 Ostrzeżenie: (0%) |
Możesz wprowadzić dodatkowa zmienną, a dokładnie 2:
speedX = 0; speedY = 0; I teraz w zależności od ruchu dodajesz/odejmujesz od speedX. speedY przy czym - musisz pilnować, żeby speed nie było za duże/za małe i dodatkowo przy każdej iteracji speed dąży do 0 - tak aby po puszczeniu klawisza kulka się sama zatrzymała. Dodatkowo użyj: https://developer.mozilla.org/pl/docs/Web/A...tAnimationFrame zamiast setInterval. Ten post edytował markuz 16.08.2018, 12:01:36 -------------------- |
|
|
Wersja Lo-Fi | Aktualny czas: 26.04.2024 - 09:56 |