Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Złożona animacja - podczas jednej, dwie inne, złudzenie lecącej piłki
Apocalyptiq
post
Post #1





Grupa: Zarejestrowani
Postów: 230
Pomógł: 3
Dołączył: 8.01.2008

Ostrzeżenie: (10%)
X----


Chcę uzyskać taką animację: piłka (img) z pewnego punktu ma przelecieć do drugiego punktu (mam współrzędne drugiego punktu). To mi działa:
Kod
$('#ball').animate({left:position.left,top:position.top},2000);

(position to pobrany wcześniej offset elementu, do którego piłka ma polecieć).
A jak dodać teraz złudzenie, że piłka leci do góry, a później na doł - zrobiłbym to tak, że przez połowe czasu lotu piłka zwiększa swój rozmiar, a przez drugą połowę - zmniejsza do wartości początkowej. Tylko jak to napisać?
Od strony technicznej ma to wyglądać tak:
- piłka przez 2 sekundy leci z miejsca, w którym aktualnie się znajduje, na wskazany element
- przez pierwszą sekundę powiększa się o np. 2px (ma wymiary 8px na 8px)
- przez drugą sekundę zmniejsza się do wielkości początkowej

Będę bardzo wdzięczny za wskazówki (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował Apocalyptiq 7.12.2008, 18:19:27
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Apocalyptiq
post
Post #2





Grupa: Zarejestrowani
Postów: 230
Pomógł: 3
Dołączył: 8.01.2008

Ostrzeżenie: (10%)
X----


Z tego co widzę, ten plugin pomaga w animacjach "widzianych z boku", a ja chcę tą animacje "z góry" (widać jest boisko z góry, na nim zawodnicy oznaczeni cyferkami i pomiędzy tymi cyferkami lata piłka). Ale dzięki za polecenie tego pluginu - ostatnio zainteresowałem się zagadnieniem tworzenia gier/animacji w jQ, więc do innych celów mi się przyda (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

A co do tej animacji z piłką - piłka porusza się z jednego miejsca na drugie, a podczas tego najpierw zwiększa, a później zmniejsza swoją wielkość - ma ktoś jakieś pomysły jak to można zrobić?
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 14.10.2025 - 04:58