Kilpajuoksusokkelo-peli... Ohjelmointi tapahtuu osoitteessa Etusivulla on esimerkkiprojekteja ja pelejä, joita voi testata. Ohjelmointi aloitetaan valitsemalla Luo, joka avaa koodieditorin

Kilpajuoksusokkelo-peliMarianne Ilola ja Nina Pukkila

10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 1

Sisältö


Scratch - osa 1 Aloittaminen ja Scratch-aloitussivu

Scratch - osa 2Ensimmäinen harjoitus

Scratch - osa 3Hahmon liikkuminennuolinäppäimillä

Scratch - osa 4Taustan tekeminen

Scratch - osa 5Hahmon liikkuminen sokkelossa

Scratch - osa 6Kilpajuoksusokkelo-pelin toteutus

Scratch - osa 7Scratch-pelin tallentaminentietokoneelle

Kilpajuoksusokkelo-pelin kooditkoottuna

Scratch - osa 1Aloittaminen ja Scratch-aloitussivu


Scratch lyhyesti


Scratch on ilmainen selainpohjainen ohjelmointiympäristö

Ohjelmointi tapahtuu liittämällä graafisia ohjelmointilohkoja toisiinsa allekkain käskyjonoksi

Scratchilla voi ohjelmoida pelejä ja animaatioita sekä interaktiivisia tarinoita.

Pelit voidaan jakaa muiden kanssa.

Pelejä voidaan remixata eli muokata erilaiseksi.

https://scratch.mit.edu/

Ohjelmointi tapahtuu osoitteessa https://scratch.mit.edu/

Etusivulla on esimerkkiprojekteja ja pelejä, joita voi testata.

Ohjelmointi aloitetaan valitsemalla Luo, joka avaa koodieditorin.





Scratchin aloitus

Aloitettaessa editoriin avautuu vinkki-ikkuna.

Scratchiin voi liittyä klikkaamalla Liity Scrathiin. Siitä luodaan Scratch-tunnus. (Lapsen tunnus vaatii vanhemman sähköpostin kautta vahvistuksen.)

Jos on Scratch-tunnus, niin kannattaa kirjautua sisään klikkaamalla Kirjaudu sisään.

Scratchia voi käyttää myös kirjautumatta ja sen projektit saadaan talletettua tiedostoina.

Kielivalinta tehdään vasemman yläreunan maapallo-painikkeella.


Scratchin koodieditorin alueet

Skriptialue

EsiintymislavaKoodi-

lohkot

HahmoalueLohko-

paletit


Koodilohkot, hahmot ja taustatmm. liikkuminen, kääntyminen, meneminen, liukuminen, osittaminen, asettaminen

mm. sanominen, ajatteleminen, asuste, tausta, koko, graafiset tehosteet, näytä/piilota

mm. äänen soittaminen/pysäyttäminen, äänitehosteet, äänenvoimakkuus

mm. kun klikataan, kun painetaan, viestin vastaanottaminen ja lähettäminen

mm. odota, toisto-silmukat, jos-silmukat, pysäytä, kloonit

mm. koskettaako hiirtä/väriä, etäisyys, kysy/vastaus, hiiren xy-sijainti, ajastin

mm. peruslaskutoimitukset, satunnaisluvut, ja/tai/ei, sanan pituus, pyöristys, itseisarvo

mm. tee muuttuja, aseta/lisää/näytä/piilota muuttuja, tee lista

omien lohkojen tekeminen

Hahmon paikka, koko ja suunta.

Valikko:Valitse hahmo kirjastosta.Piirrä itse oma hahmo.Yllätä satunnaisella hahmolla.Lataa oma hahmo koneelta.

Esiintymislavan tausta.

Valikko:Valitse taustaPiirrä itseYllätä satunnaisellaLataa oma tausta

Scratch - osa 2Ensimmäinen harjoitus


Kissa pyörii hiiren osoittimen suunnassa

Kissa-hiiri -peli


Tee kissalle kuvanmukainen koodi- Tapahtumat: kun klikataan vihreää lippua- Ohjaus: ikuisesti- Liike: osoita kohti hiiren osoitinKokeile.

1.

Kissa jahtaa hiirtä

Lisää koodiin kuvanmukaisesti yksi lohko- Liike: liiku 10 askeltaKokeile.

2.

1.

2.

Ohjelman aloitus painamalla esiintymislavan yläreunan vihreää lippua,lopettaminen punaisella painikkeella.

Esiintymislavan saa isoksi painamallaKoko ruudun hallinta -painiketta.

Scratch - osa 3Hahmon liikkuminen nuolinäppäimillä


nuoli vasemmallesuunnan arvo -90

Tee aluksi kissalle yksi koodi:- Tapahtumat:

kun klikataanvihreää lippua

- Liike: osoita suuntaan

- Liike: liiku 10 askelta

Kopioi koodi vielä kolme kertaapainamalla hiiren oikealla Kopioi:

Suuntaa vaihtaessapaina suunnanarvoa ja pyöräytänuolta osoittamaanoikeaan suuntaan.

Kissan liikuttaminen nuolinäppäimien avulla

nuoli ylössuunnan arvo 0

1.

nuoli alassuunnan arvo 180

nuoli oikeallesuunnan arvo 90

4.2.

3.

1.

3. 4.

2.

10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas

Vaihda välilyönti-kohta ja osoita suuntaan arvo:

12

Kokeile. (Lopuksi voit asettaa kissan oletuspaikaan ja –suuntaan).

Scratch - osa 4Taustan tekeminen


Huom!Hahmon Piirrä-valinnalla saa samanlaisen piirtoikkunan ja valikot.

Taustan piirtäminen


Paina Valitse Tausta ja sieltä Piirrä. Siitä avautuu skripti-ikkunankohdalle taustan tekemiseenpiirtoikkuna, jossa on valikko:

Piirtoikkunassa on myös ylävalikko, jonkavalinnoilla voi kumota, ryhmittää, tuodaeteen/viedä taakse, kopioida, poistaa, kääntää.

1.

1. Piirrä oma sokkelotausta.

Scratch - osa 5Hahmon liikkuminen sokkelossa


Liikkuminen sokkelossa


1.Hahmon koon muuttaminen

Pienennä hahmoa kohdasta Koko1.

Kissa liikkuu sokkelossa

Tee kissalle kuvanmukainen koodi- Tapahtumat: kun klikataan vihreää lippua- Liike: mene sijaintiin x: y:Pelin alkaessa hahmo menee alkupisteeseen.- Ohjaus: Ikuisesti- Silmukan sisälle Ohjaus: jos – niin

Lisää jos–niin –komennon sisälle ehto- Tuntoaisti: koskettaako väriä ?

- Silmukan sisälle Liike: mene sijaintiin x: y:Hahmo palaa alkuun, jos se törmää seinään elikoskettaa sokkelon reunaväriä.Kokeile.

2.

1.

3.

Huom!Ehdon sisälle saat vaihdettua väriä painamalla väriä ja valitse alhaalta pipetti. Pipetin avulla voit hakea oikean värin sokkelon reunasta.

3.

2.

Huom! Kissa liikkuu nuolinäppäimillä, koska ne koodit on jo valmiiksi tehtynä.

Scratch - osa 6Kilpajuoksusokkelo-pelin toteutus


Kilpajuoksusokkelo-peli


1.Kilpajuoksu maalialueelle

Vaihda Ikuisesti-silmukan tilalle- Ohjaus: toista – kunnes

Lisää toista–kunnes –komentoon ehto- Tuntoaisti: koskettaako väriä ?(Valitse pipetin avulla maalialueen väri)

Kokeile.

1.

Ajan mittaaminen ja ääni ja viimeistely

Lisää alkuosaan- Tuntoaisti: nollaa ajastinLisää loppuun- Ääni: soita ääni Mau- Ulkonäkö: sano Hei!

Vaihda Hei!-tervehdyksen tilalle- Tuntoaisti: ajastin

Lisää sekä alkuun että jos-niin –silmukan sisään- Liike: osoita suuntaan 90Kissa kääntyy alkupisteessä aina oikeinpäin.Kokeile.

2.2.

Huom! Kissa liikkuu nuolinäppäimillä, koska ne koodit on jo valmiiksi tehtynä.

Ideoi ja ohjelmoi lisää pelejä!

Muista!Ohjelman aloitusvihreällä lipulla,lopettaminen punaisella painikkeella.

Hienoa, pelisi on

nyt valmis!

Scratch - osa 7Scratch-pelin tallentaminen tietokoneelle


Tietokoneelle tallennus


1.Tiedoston lataaminen

Paina yläreunasta Tiedosto ja valitse Tallennatietokoneellesi

1.

Tallennetun tiedoston avaaminen

Paina yläreunasta Tiedosto ja valitse Avaatietokoneeltasi. Projekti avautuu editoriin.Nyt voit jatkaa projektia ja taas lopuksi tallentaauuden version.

3.

2.

2. Tiedosto tallentuu tietokoneellesi, useimmiten Ladatut tiedostot –kansioon.Tämän tiedoston voit tallentaa esim. omaanpilvipalveluusi, jolloin se on sinulla käytössämissä tahansa koneella.

3.

Huom! Mikäli olet kirjautunut sisään käyttäjänimellä, niin peli tallentuu tunnuksellesi. Välillä voit silti tehdä kopioita Tallenna kopio –valinnalla (tai Tallenna tietokoneellesi) niin, että sinulla on aiempia versioita pelistä, mikäli haluat palata takaisin.

4.4.

Kilpajuoksusokkelo-pelin koodit koottuna


Hahmolla on liikkumiskoodit ja pelin tapahtumakoodit.

Documents

Kilpajuoksusokkelo-peli... Ohjelmointi tapahtuu osoitteessa Etusivulla on esimerkkiprojekteja ja pelejä, joita voi testata. Ohjelmointi aloitetaan valitsemalla Luo, joka avaa koodieditorin