Płynność animacji w jQuery

0

http://ferrante.pl/examples/jquery/jquery6/gra.html
Dlaczego animacja nie jest płynna tylko tak rwie?

Jakieś wskazówki co by można zmodyfikować/dodać/przepisać żeby kwadraty przesuwały się płynnie?

0

http://api.jquery.com/animate/

0

Nie pamiętam już gdzie ale widziałem artykuł o wydajności animacji przy użyciu różnych technologii ii z tego wynikało że css3 może być kilkakrotnie (chyba do 10x) bardziej wydajny od tych animacji przy użyciu js. Miało to coś wspólnego z większym wsparciem sprzętowym czy coś. Nie podeślę Ci linka bo zgubiłem, alee jeżeli to nie jest konieczne a bardzo Ci zależy na wydajności to może skorzystaj z css3?

Nie wiem jak bardzo rozbudowana ta gra ma być.

0

yyy, bo animacja zostala tak napisana by rwalo???

ktos wywoluje funkcje przesuwania tych kwadracikow co 200 milisekund, a wiec zmienia one miejsce polozenia 5 razy na sekunde, stad efekt skakania. jesli obnizy sie interwal czasowy by zmienialy miejsce szybciej, oraz zmniejszy krok zmiany to animacja bedzie plynna. przy tak prostej animacji javascript daje rade. w tym sie dynamiczne gry pisze wiec przesuwanie kwadracikow to pikus przy tym jakie cuda sie wyprawia.

wiec podsumowujac, linijke

boxMovement = window.setInterval("moveBoxes()", 200);

zamien na

boxMovement = window.setInterval(moveBoxes, 10);

oraz linijke

	var boxMovementHorizontal = boxMovementVertical = 10;

na

	var boxMovementHorizontal = boxMovementVertical = 1;

i pojdzie jak zloto, zreszta spojrz:

http://jsbin.com/yukohohosabe/1/edit

ps. co nie przeczy temu ze css dziala szybciej z racji na wsparcie sprzetowe jak wspomnial kolega wyzej, ale na tym etapie to nie ma znaczenia

1 użytkowników online, w tym zalogowanych: 0, gości: 1