kilpajuoksusokkelo-peli... ohjelmointi tapahtuu osoitteessa etusivulla on esimerkkiprojekteja ja...
TRANSCRIPT
Kilpajuoksusokkelo-peliMarianne Ilola ja Nina Pukkila
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 1
Sisältö
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 2
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
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 3
Scratch lyhyesti
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 4
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.
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 5
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 6
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.
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 7
Scratchin koodieditorin alueet
Skriptialue
EsiintymislavaKoodi-
lohkot
HahmoalueLohko-
paletit
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 8
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
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 9
Kissa pyörii hiiren osoittimen suunnassa
Kissa-hiiri -peli
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 10
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ä
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 11
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
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 13
Huom!Hahmon Piirrä-valinnalla saa samanlaisen piirtoikkunan ja valikot.
Taustan piirtäminen
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 14
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
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 15
Liikkuminen sokkelossa
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 16
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
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 17
Kilpajuoksusokkelo-peli
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 18
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
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 19
Tietokoneelle tallennus
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 20
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
10.11.2019 Scratch – GameDev / GameItNow / © 2019 Innokas 21
Hahmolla on liikkumiskoodit ja pelin tapahtumakoodit.