Za dodavanje komponenata igre, moramo napraviti konstruktor komponenata. Objekt konstruktora se zove component.
Komponente imaju svojstva i metode upravljanja njihovog izgleda i pokreta.
Poziva se konstruktor objekta component, a mi izrađujemo svoju prvu komponentu, koja se naziva myGamePiece.
Da bismo igru pokrenuli, ažurirat ćemo prikaz 50 puta u sekundi (povećanjem ovog broja dobivamo bolju fluidnost prikaza ali gubimo na performansama).
Prvo ćemo stvoriti novu funkciju koja se zove updateGameArea().
U myGameAreaobjekt dodajte interval koji će pokretati updateGameArea() funkciju svake 20-e milisekunde (50 puta u sekundi). Također dodajmo funkciju koja zove clear(), koja briše cijeli canvas.
U component konstruktor dodajte funkciju koja se zove update() za rukovanje crtežom komponente.
updateGameArea() funkcija naziva clear() i na update() metode.
Da bismo dokazali da se crveni kvadrat crta 50 puta u sekundi, promijenit ćemo položaj x (vodoravno) za jedan pixel svaki put kada ažuriramo područje igre.
Koristimo clear() metodu kako svi pokreti komponente ne bi ostavili trag mjesta na kojem su bila smješteni u posljednjem frame-u.
Koristimo x- i y-koordinate za pozicioniranje komponenata na područje igre.
