Programowanie JS obiekty graficzne

Zajęcia laboratoryjne – JavaScript (klasa Scene i klasa
CanvaObject)
2 grudnia 2016
1. Podstawowy kurs języka JavaScript wykorzystywany na zajęciach dostępny jest na
stronie internetowej:
http://www.w3schools.com/js/default.asp
2. Zadaniem zaliczającym laboratorium jest przygotowanie dokumentu HTML + JavaScript o następujących własnościach:
(a) Dokument składa się z dużego centralnego elementu canvas służącego do wyświetlania obiektów.
(b) Javascript definiuje klasę CanvaObject która przechowuje aktualne współrzędne obiektu oraz posiada metodę draw rysowania na kanwie. Klasa CanvaObject
posiada też tablicę parts służącą do przechowywania innych obiektów typu
CanvaObject. Metoda draw powinna narysować zarówno obiekt macierzysty,
jak i obliekty z tablicy parts.
(c) JavaScript definiuje klasę Scene, która służy do przechowywania obiektów
klasy CanvaObject. Klasa Scene powinna pozwalać na wyrysowanie obiektów,
które są jej elementami oraz na aktualizację ich własności.
(d) Należy zdefiniować kilka klas pochodnych dla CanvaObject (trójkąty, kwadraty, koła, itp.) które będą miały możliwość samodzielnego poruszania się
(bez użycia klawiatury) oraz klasę StarDestroyer, która będzie reagować na
klawisze wciskane przez użytkownika.
Wynikiem pracy studenta ma być pojedynczy plik HTML o nazwie: naz im.html,
gdzie naz jest nazwiskiem, a im jest imieniem (proszę nie używać polskich znaków).
Wszystkie dokumenty należy przesłać do starosty grupy, który następnie wysyła je
w jednej wiadomości na adres [email protected].
3. Elementy języka JavaScript i HTML, o których wiedzę ma posiadać student po
zaliczeniu ćwiczenia:
Reakcja na zdarzenia w JavaScript, klasy, dziedziczenie, grafika.