Animacije

Vrijeme je za novi zadatak.

Sada ćemo stvoriti animaciju loptice koja se kreće po zaslonu ByteBoija. 

Kako bismo započeli, prvo ćemo morati stvoriti prvu varijablu.

U svijetu računalnog programiranja, varijabla je mjesto pohranjivanja koje sadrži neku vrijednost. 

Da bismo stvorili novu varijablu, jednostavno kliknemo na "Create variable":



Svaka varijabla mora imati ime, pa ćemo našu prvu nazvati 'x':



Kada uspješno stvorimo varijablu, trebali bismo vidjeti ovo:



Odmah ćemo napraviti sve varijable koje će nam biti potrebne kasnije u zadatku.

Postupak je isti kao za x varijablu: 



Varijable x i y predstavljaju poziciju loptice na ekranu, dok "dx" i "dy" predstavljaju smjer i brzinu kretanja loptice.

Kada napravimo varijablu, ona nema vrijednost. 

Da bismo dodali vrijednost varijablama, koristimo blokove "set __ to":



Vrijednost varijable može biti neka matematička vrijednost. Na primjer, možemo postaviti vrijednost varijable x na 20:



Sada ćemo ponoviti ovaj proces za sve ostale varijable koje smo stvorili:



Zatim, uzmite "loop forever" blok: 



Slijedeći blokovi koje ćemo dodati unutar "loop forever" bloka će kontrolirati kretanje loptice po ekranu:



Ovo znači da će se pozicija x mijenjati horizontalno ovisno o vrijednosti "dx". Ako je vrijednost "dx" varijable pozitivna, loptica će se kretati udesno, a ako je negativna, ići će ulijevo.

Korak ponovimo za "y" varijablu:



Ovo će odrediti kretanje loptice gore-dolje, odnosno vertikalno.

Sada je vrijeme da odredimo što će se dogoditi ako loptica udari u rub ekrana. Za to koristimo blok iz "Logic" sekcije:



Prvo uzmemo ovaj blok: 



te dodamo ostatak: 



Ovo znači da će se smjer loptice promijeniti ako vrijednost "x" bude jednaka ili manja od 5 ili jednaka ili veća od 155.

To smo postavili tako da ako loptica udari u desni rub ekrana, kreće se ulijevo, a ako udari u lijevi rub, kreće se udesno.

Isto ćemo napraviti i za varijablu "y":





Ako loptica udari u gornji dio ekrana, kreće se prema dolje, i obrnuto.

Nakon što smo riješili problem kretanja, možemo nacrtati lopticu. Za to nam je prvo potreban blok koji će zacrniti ekran:



Sljedeći blok ćemo također pronaći u "Display" blok sekciji, a zadužen je za crtanje loptice: 



Radijus označava veličinu loptice, koja može biti popunjen krug ili prazan te može biti u bilo kojoj boji. 

"X" i "y" postavljamo na vrijednost varijabli "x" i "y" koje smo odredili ranije. 

Za kraj moramo dodati "push frame" blok kako bismo osigurali da se loptica zaista pojavi na zaslonu ByteBoija:



I za kraj moramo dodati blok iz "Time" sekcije: 



Sada možete kliknuti na "Run" i vidjet ćete lopticu koja se kreće prema vrijednostima koje smo joj dodijelili.