Witam ludziska potrzebuje pomocy w js/canvas :
-nie wiem jak zrobić animacje przesuwania się rakiety w osi X
Jak już wiem zwykłej zmiennej nie można animować lecz zapewne można animować top i left w css ale jak zrobic aby zmienna RacketX zamieniła się na właściwość left w CSS
Link do huba:
https://github.com/Prank866/Rocket
Dobra rada: nie pomagasz nie pisz nie mam zamiaru czytać hejtu w kodzie i spamu bo dopiero się uczę
Skoro swoją rakietę rysujesz na CANVAS, to CSS niczego do niej nie ma. To zupełnie inna technologia.
Gdybyś stworzył ją jako osobny obiekt HTML, mógłbyś ją animować za pomocą CSS/JS.
a czy istnieje cos takiego jak animowanie w canvas
No przecież animujesz. Tzn. wymazujesz i rysujesz od nowa.
A jak chcesz faktycznego animowania poprzez manipulację parametrami elementu, to użyj elementów HTML albo grafiki SVG.
Mechanizm odrysowowywania już masz, zanimowanie tego to tak naprawdę jest zmiana parametrów w czasie. Możesz do tego nawet użyć zwykłego setTimeout, chociaż docelowo lepiej jest zakodzić sobie jakiś system do tego, który co klatkę oblicza parametry.