Scratch

Pa smo prišli do zadnje šeste teme našega E-portfelja! Zadnja tema je Scratch in programiranje animiranih računalniških iger. Izdelali bomo računalniško igro na temo spletnih brskalnikov. Igra morda nebo tako zelo poučna, vendar pa bo zato precej bolj zanimiva, kot pa če bi izdelal igro na temo kviza ali česa podobnega ;). Igrico bom izdelal v programu Scratch, ki je programsko okolje, ki je namenjeno začetnikom programiranja, da si pridobijo algoritemsko razmišljanje.

Skratka, še zadnjič...

Veselo na delo!

Zasnova igrice

Ideja je naslednja. V svetu internetnih brskalnikov živi glavni junak Hero, ki se prehranjuje z logotipi spletnega brskalnika Mozilla Firefox. Pri tem, pa ga nenehno preganjajo počasni logotipi Internet Explorerja in hitri logotipi Google Chroma. Herova naloga je, da poje vse logotipe Mozille Firefox in zbeži domov, prede ga ujamejo Explorerjevi ali Chromovi logotipi.

Naloga uporabnika pri tej igri je, da krmili Hera z navigacijskimi tipkami in mu pomaga opraviti zastavljeno nalogo.

Izdelava igrice v programu Scratch

 
Igrico sem izdelal v programu Scratch, ki ga lahko brezplačno naložite tukaj.

Za začetek lahko na polje vstavimo kakšen lih. To storimo tako, da kliknemo na "Nariši novo skupino slik", kot prikazuje slika 1.

Slika 1: Uvoz lika

 Nato izberemo "Uvozi" in poiščemo primenega junaka.

Slika 2: Uvoi

Sam sem izbral tega na sliki 3. Nekoliko sem ga še pomanjšal z orodjem, ki je na sliki obkroženo.

Slika 3: Pomanjšaj

Nadaljujemo lahko z vstavljanjem ozadja. To storimo tako, da kliknemo na "Stage" (točka 1), nato na "Ozadja" (točka 2) in nato "Uredi" (točka 3). Postopek je opisan na sliki x. Od tu nadaljujemo enako, kot pa pri likih.

Dodamo še druge like, v našem primeru nekaj logotipov različnih brskalnikov.
Prav tako dodamo še gradnik "Start", kjer bo naš Hero začel svoje potovanje in kvadrat, ki bo predstavljal njegov dom.

Sedaj lahko začnemo s "kodo".

Na spodnji sliki vidimo kodo, ki je dodeljena našemu Heru:

Slika 4: Koda za Hera

Prvi del kode pomeni, da če se hero dotakne kateregakoli logotipa Chroma ali Explorerja gre nazaj na start.

Drugi del kode pomeni, da se ob zagonu igre postavi nazaj na start.

Naslednji štirje deli kode služijo navigaciji Hera

Zadnji del kode pa služi temu, da če hero pride v dom pove, da je zmagal.


Sovražne brskalnike sem definiral takole:

Slika 5: Koda za sovražne brskalnike

Za Explorerjeve loge, pa sem uporabil nekaj počasnejše gibe


Za Mozilline logote, ki jih Hero poje, je koda takšna:

Slika 6: Koda za Mozilline logotipe

Za dom, pa je koda naslednja:

Slika 7: Koda za dom

To je vsa koda, sedaj igra deluje. Čestitke!

Izgled igre pa je takšen:

Slika 8: Končna podoba igre

 

Poročilo o igri

Igra poteka takole. Igralec mora najprej pobrati vse tri logotipe Mozille Firefox, pri tem pa se mora izogibati ostalim logotipom. Ko pobere vse tri logotipe se na sredini slike pojavi Herov dom. Hero mora iti v dom. Ko varno prispe v dom zmaga.
Hera se uprlavjla z navigacijskimi tipkami.

Igra je primerna za spoznavanje spletnih brskalnikov, saj vsebuje logotipe spletnih brskalnikov. Učenci skozi igro spoznavajo spletne brskalnike.


Gospod Chroziller pa nam je TUKAJ pričaral še povezavo do zagonske (.exe) datoteke naše igre.

Gospod Chroziller

Gospod Chroziller je še vedno užaljen, ker ni sme nastopiti v naši igri, vendar pa bi vam za konec našega potovanja po internetnih brskalnikih vseeno rad nekaj sporočil.