Kratki pregled (Video Verzija)

Ovo je samo prikaz našeg interaktivnog programiranja praćenog govorom, pripremljenog da olakša pisanje teksta i prijevod. Bolje je da gledate naše tutorijale:
https://www.khanacademy.org/cs/programming/

Uredu, uskočimo i napravimo program.

Počet ćemo od praznog prostora i do kraja, bit će prilično impresivno; kao mali program za crtanje.

Zamišljajte ovo kao brzi pregled prvih par lekcija na Khan Akademiji.

Samo da dobijete osjećaj šta je moguće.

Trenutno se nemojte upošte brinuti oko razumijevanja svakog malog detalja.

Samo želimo da vam damo osjećaj toga šta vas čega i vrste programa koje ćete uskoro moći praviti.

Trenutno, ovdje nema ništa, što je u neku ruku bezveze. Zato hajde da nacrtamo nešto.

Nacrtaću elipsu. To je nešto nalik krugu.

I kao što ćete naučiti, ovako se to radi.

I eto ga. Ovo je na neki način magično.

Razlog je to što okruženje Khan Akademije već zna nekoliko specijalnih stvari.

Srećom, elipsa je jedna od njih.

Ne brinite se šta svi ovi brojevi znače.

Naučićemo o njima u "Uvodu u crtanje".

Ipak, evo

Kako mijenjamo brojeve, možemo vidjeti da prvi broj označava koliko desno ili lijevo.

Drugi znači koliko gore ili dole.

Treći izgleda da znači koliko široko i posljednji koliko visoko.

Opet, ovo još ne morate znati.

Ako želite, možete zaustaviti ovaj govor i igrati sami se igrati sa elipsom.

Naučićete sve detalje u kasnijim lekcijama.

Za sada, važno je da oni kontrolišu kako oblik izgleda.

Uredu, to je bilo lijepo, ali vjerovatno niste posebno impresionirani.

Zato ću napraviti nešto što izgleda malo komplikovanije i staviti unutra ovu elipsu koju smo napravili.

Uredu, ništa se nije promijenilo i vjerovatno još uvijek niste posebno impresionirani.

Ali sada ću, a rezultat će biti malo impresivniji, animirati ovaj program.

I kao što vidite, tu je masa krugova i oni zapravo prate moj miš okolo dok ga mičem.

Sada možete pauzirati program i navesti ga da prati vaš miš.

Uredu, pa kako se ovo uopšte dešava?

Odakle dolaze svi ti krugovi?

Pa, naučićete o svemu ovome kasnije u "Uvodu u animaciju", ali pošto se pitate, dešava se da kompjuter automatski govori našem programu, iznova i iznova: crtaj, crtaj, crtaj, crtaj.

I mogli biste misliti da se će se naš program umoriti od toga, ali ne, on samo nastavlja raditi ono što se nalazi u ovom magičnom "draw" dijelu.

Tako da samo nastavlja crtati elipsu za elipsom.

I to je ono što se dešava iza scene, kada mašemo mišem okolo, da bi nastale tolike elipse.

Iako smo to napisali samo jednom.

Pa, kako program zna gdje da nacrta elipsu?

Na primjer, kako zna da prati miš?

To ćete naučiti u "Interakciji sa mišem" kasnije.

Osnovna ideja je da svaki put kompujter kaže našem programu gdje je miš koristeći ove dvije specijalne riječi.

"MouseX" i "MouseY"
(Na engleskom, miš se kaže mouse).

Još ne morate znati o njima, ali MouseX je koliko je miš desno ili lijevo.

Dok MouseY znači koliko je gore ili dolje.

Samo da rezimiramo, kada napravimo ovu elipsu, prvi broj kaže: nacrtaj elipsu desno ili lijevo, gdje je miš.

Drugi kaže: nacrtaj elipsu gore ili dolje, gdje je miš.

Na kraju, dobijamo značenje: nacrtaj elipsu na istom mjestu gdje je i miš, svaki put kada kažemo "draw".

I ova zadnja dva samo govore koje veličine elipsa treba biti.

I opet, za sada se nemojte brinuti oko svih ovih detalja.

Nakon što prođete kroz prvih par lekcija, ovo će imati mnogo više smisla.

I sada, kao što vidite, ovo postaje malo natrpano.

Možemo pritisnuti ovu restart tipku da započnemo program od početka sa praznim prostorom.

Sada pauzirajte program.

Igrajte se s njim, samo da vidite šta se dešava.

Uredu, sada imamo da se odvija nešto fino.

Ali šta još možemo raditi?

Pa, ovi krugovi nisu ukrašeni.

Samo su bijeli.

Šta ako ih možemo obojiti?

Tu je cijeli "Uvod u bojenje" tutorijal, gdje ćemo naučiti sve o bojama.

Ali otkriću tajnu i odmah vam pokazati kako da to uradite.

Ta-Da. Lijepo.

Sada imate crvene krugove koji prate miš.

Ali ne moraju biti samo crveni, jer kada pritisne ovu boju ovdje, vidjećete sami da možete izabrati boju koju želite.

Cijela duga boja.

Šta mislite o jednoj finoj lila.

Možete naučiti kako se boje mijenjaju u "Uvodu u bojenje".

Jednom kada restartujemo...super! Sada imamo samo lila krugove.

Sada, možemo misliti, znate, uložili smo sav ovaj rad da crtamo ove divne oblike.

Kad god mičemo mišem.

Ali, bilo bi lijepo da crtamo samo nekada...na primjer, samo kada pritisnemo miš.

Pokazaću vam kako se to radi

Logično, nije toliko komplikovano, sve što govorimo je: ako je miš pritisnut, crtaj krug.

Ako nije, ne radi ništa.

Tako, ako je lijeva tipka miša pritisnuta (mouselsPressed) ,