• Informacje ogólne
• Laboratorium 1
• Laboratorium 2
• Laboratorium 3
• Laboratorium 4
• Laboratorium 5
  • Tworzenie w±tków
  • Proste animacje
  • GRAFIKA - uzupe³nienie
  • Zadanie podstawowe
  • Wersja rozszerzona zadania
• Laboratorium 6
• Laboratorium 7
• Kontakt

Proste animacje

W±tki mo¿na wykorzystaæ do tworzenia prostych animacji.

1. Najprostszy sposób na tworzenie animacji to stworzenie w±tku zmieniaj±cego warto¶æ zmiennej wykorzystywanej przez metodê paint().

Np. w±tek w pêtli nieskoñczonej zmienia warto¶æ zmiennych x i y, a metoda paint(Graphics g) zawiera jedynie: g.fillOval(x,y, r ,r):

Kod apletu: Anim1.java

2. Pokazana powy¿ej metoda tworzenia animacji nie jest optymalna. Mo¿na zaobserwowaæ migotanie. Migotanie wynika z tego, ¿e wywo³±nie metody repaint() czy¶ci ekran przy pomocy metody uptade(), a nastêpnie wywo³uje ponownie metodê paint(). Migotanie by³o bardziej widoczne, gdyby w metodzie paint() rysowane by³o wiêcej elementów.

Rozwi±zaniem tego problemu mo¿e byæ "buforowanie" przy pomocy klasy Image. W taki przypadku w±tek powodowa³ by zmianê zawarto¶ci graficznej obiektu klasy Image, a metoda paint() rysowa³aby jedynie ten obiekt.

Kod apletu: Anim2.java

Wykorzystuj±c buforowanie mo¿na tworzyæ wieloelementowe animacje pozbawione efektu migotania:

3. Ciekawe efekty mo¿na równie¿ uzyskaæ wczytuj±c sekwencjê obrazów z plików graficznych. Przyk³adowo u¿ywaj±c piêæ prostych plików jpg:

        

mo¿na uzyskaæ animacjê podobn± do "pac-mana".

W tym celu mo¿na utworzyæ tablicê obiektów klasy Image, zawieraj±c± wszystkie obrazy, a w metodzie run() w±tku sekwencyjnie wczytywaæ te obrazy.

Kod apletu: Pac.java i opis jego najwa¿niejszych elementów:

Deklaracja tablicy obrazów klasy Image:
Image[] a = new Image[5];

Wczytanie obrazów do tablicy:
a[0] = getImage(getCodeBase(), "1.jpg");
a[1] = getImage(getCodeBase(), "2.jpg");
a[2] = getImage(getCodeBase(), "3.jpg");
a[3] = getImage(getCodeBase(), "4.jpg");
a[4] = getImage(getCodeBase(), "5.jpg");

Dodawanie obrazu (klasy Image) do grafiki gc (Graphics):
gc.drawImage(a[i], x*4, y, 64, 61, this);

Oczywi¶cie efekt "pac-mana" mo¿na uzyskaæ w bardziej efektywny sposób poprzez odpowiednie wykorzystanie metody fillArc klasy Graphics (przyk³adowy kod: Pac2.java). Celem tego przyk³adu by³o pokazanie jak w prosty sposób mo¿na zrobiæ animacje z dowolnych obrazów/zdjêæ wczytywanych z zewn±trz.