https://peda.net/id/b220f96826a 2022-08-28T11:30:38+03:00 https://peda.net/:static/532/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/f26a2c3826a 2022-08-28T11:37:39+03:00 <p><b><span><!--filtered attribute: data-contrast="auto"-->Scratch-tunnusten luominen</span></b><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="auto"-->Luo ensin itsellesi Scratch-tunnukset, jotta saat omat projektisi tallennettua. Mene osoitteeseen</span><span><!--filtered attribute: data-ccp-props="{"134233117":false,"134233118":false,"201341983":0,"335551550":1,"335551620":1,"335559685":0,"335559737":0,"335559738":0,"335559739":160,"335559740":259}"--> </span></p> <p><a href="https://scratch.mit.edu/" rel="nofollow ugc noopener"><span><!--filtered attribute: data-contrast="none"-->https://scratch.mit.edu/</span></a> <span><!--filtered attribute: data-ccp-props="{"134233117":false,"134233118":false,"201341983":0,"335551550":1,"335551620":1,"335559685":0,"335559737":0,"335559738":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="auto"-->Ja valitse oikeasta yläkulmasta ‘Liity Scratchiin’.</span><span><!--filtered attribute: data-ccp-props="{"134233117":false,"134233118":false,"201341983":0,"335551550":1,"335551620":1,"335559685":0,"335559737":0,"335559738":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="auto"-->Luo itsellesi käyttäjätunnus ja salasana, ja ota ne itsellesi muistiin, jotta pääset kirjautumaan tulevillakin kerroilla!</span><span><!--filtered attribute: data-ccp-props="{"134233117":false,"134233118":false,"201341983":0,"335551550":1,"335551620":1,"335559685":0,"335559737":0,"335559738":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-ccp-props="{"134233117":false,"134233118":false,"201341983":0,"335551550":1,"335551620":1,"335559685":0,"335559737":0,"335559738":0,"335559739":160,"335559740":259}"--> </span></p> <p><b><span><!--filtered attribute: data-contrast="auto"-->Oman projektin aloittaminen</span></b><span><!--filtered attribute: data-ccp-props="{"134233117":false,"134233118":false,"201341983":0,"335551550":1,"335551620":1,"335559685":0,"335559737":0,"335559738":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="auto"-->Valitse vasemmasta yläkulmasta ‘Luo’.</span><span><!--filtered attribute: data-ccp-props="{"134233117":false,"134233118":false,"201341983":0,"335551550":1,"335551620":1,"335559685":0,"335559737":0,"335559738":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-ccp-props="{"134233117":false,"134233118":false,"201341983":0,"335551550":1,"335551620":1,"335559685":0,"335559737":0,"335559738":0,"335559739":160,"335559740":259}"--> <a href="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/1.jpg#top" title="1.JPG"><img src="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/1.jpg:file/photo/f9c1f8f1921e102547ee20d7d100d9738fb9048f/1.JPG" alt="" title="1.JPG" class="inline" loading="lazy"/></a></span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="none"-->Eteesi aukeaa seuraavanlainen näkymä:</span><span> <br/> </span><span><!--filtered attribute: data-contrast="none"-->(</span><b><span><!--filtered attribute: data-contrast="none"-->Huom: Kielen saat vaihdettua suomeksi ylhäältä vasemmalta maapallon kuvasta!)</span></b><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559685":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559685":0,"335559739":160,"335559740":259}"--> <a href="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/2.jpg#top" title="2.JPG"><img src="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/2.jpg:file/photo/b3ecfaf0d702f70d25b4442baf9617387400fcce/2.JPG" alt="" title="2.JPG" class="inline" loading="lazy"/></a></span></p> <ul> <li><span><!--filtered attribute: data-contrast="none"-->Skriptialueelle tuodaan pelissä tarvittavat koodit</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></li> <li aria-setsize="-1"><!--filtered attribute: data-leveltext="-"--><!--filtered attribute: data-font="Calibri"--><!--filtered attribute: data-listid="1"--><!--filtered attribute: data-list-defn-props="{"134225954":true,"134225961":true,"335552541":1,"335559682":1,"335559683":0,"335559684":-2,"335559685":720,"335559991":360,"469769226":"Calibri","469769242":[8226],"469777803":"left","469777804":"-","469777815":"hybridMultilevel"}"--><!--filtered attribute: data-aria-posinset="2"--><!--filtered attribute: data-aria-level="1"--><span><!--filtered attribute: data-contrast="none"-->Kaikki koodit löytyvät vasemmalta koodilohkoista</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></li> <li aria-setsize="-1"><!--filtered attribute: data-leveltext="-"--><!--filtered attribute: data-font="Calibri"--><!--filtered attribute: data-listid="1"--><!--filtered attribute: data-list-defn-props="{"134225954":true,"134225961":true,"335552541":1,"335559682":1,"335559683":0,"335559684":-2,"335559685":720,"335559991":360,"469769226":"Calibri","469769242":[8226],"469777803":"left","469777804":"-","469777815":"hybridMultilevel"}"--><!--filtered attribute: data-aria-posinset="3"--><!--filtered attribute: data-aria-level="1"--><span><!--filtered attribute: data-contrast="none"-->Pääset lisäämään ja muokkaamaan pelihahmoja oikealta hahmoalueelta</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></li> <li aria-setsize="-1"><!--filtered attribute: data-leveltext="-"--><!--filtered attribute: data-font="Calibri"--><!--filtered attribute: data-listid="1"--><!--filtered attribute: data-list-defn-props="{"134225954":true,"134225961":true,"335552541":1,"335559682":1,"335559683":0,"335559684":-2,"335559685":720,"335559991":360,"469769226":"Calibri","469769242":[8226],"469777803":"left","469777804":"-","469777815":"hybridMultilevel"}"--><!--filtered attribute: data-aria-posinset="4"--><!--filtered attribute: data-aria-level="1"--><span><!--filtered attribute: data-contrast="none"-->Oikeassa yläkulmassa voit testailla, miten pelisi toimii</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></li> </ul> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><b><span><!--filtered attribute: data-contrast="none"-->Taustan ja hahmojen tekeminen</span></b><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="auto"-->Omaan peliin voi valita valmiin taustan ja pelihahmot, tai ne voi piirtää itse. Harjoitellaan aluksi oman taustan tekemistä.</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="none"-->Valitse oikeasta alalaidasta Taustat ja sieltä ‘Piirrä’</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> <br/> <br/> </span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> <a href="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/3.jpg#top" title="3.JPG"><img src="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/3.jpg:file/photo/6db6126ff5305d4a3640cecc2861bc057bb1c9c3/3.JPG" alt="" title="3.JPG" class="inline" loading="lazy"/></a></span></p> <p><span><!--filtered attribute: data-contrast="auto"-->Piirrä haluamasi tausta. Voit piirtää mitä tahansa haluat (värejä/kuvioita/maisema/tms).</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><b><span><!--filtered attribute: data-contrast="auto"-->Hahmojen luominen ja liikuttaminen</span></b><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="auto"-->Harjoitellaan kolme erilaista tapaa saada hahmo liikkumaan.</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="none"-->Valitse oikeasta alakulmasta ‘uusi hahmo’. Voit valita valmiin hahmon (Valitse hahmo) tai piirtää itsellesi oman hahmon (Piirrä). </span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span> <a href="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/4.jpg#top" title="4.JPG"><img src="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/4.jpg:file/photo/af0b60555e6b0dc50aa7747e62128bc0f759c095/4.JPG" alt="" title="4.JPG" class="inline" loading="lazy"/></a><br/> </span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="none"-->Hahmon kokoa ja suuntaa voi muuttaa hahmoalueessa. </span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> <a href="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/5.jpg#top" title="5.JPG"><img src="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/5.jpg:file/photo/6e87d6375f8ed2b26c95c7f5696715ba51446cb2/5.JPG" alt="" title="5.JPG" class="inline" loading="lazy"/></a></span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="none"-->Aloitetaan sitten hahmon liikuttamiseen tarvittavan koodin tekeminen. Valitse vasemmalta yläkulmasta ‘Koodi’. Koodia tehdään raahaamalla haluttuja koodilohkoja skriptialueelle.</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> <a href="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/6.jpg#top" title="6.JPG"><img src="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/6.jpg:file/photo/45ab622280309e946c320b280c49c6dc5d3698a0/6.JPG" alt="" title="6.JPG" class="inline" loading="lazy"/></a></span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="none"-->Hahmon saa liikkumaan monella eri tavalla. Jos halutaan, että hahmo pysyy koko ajan samassa asennossa, voidaan hahmoa liikuttaa lisäämällä x:n tai y:n arvoon lukuja. (x kuvaa liikettä vaakasuunnassa ja y pystysuunnassa)</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="none"-->Luo seuraavanlaiset komennot:</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> <a href="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/7.jpg#top" title="7.JPG"><img src="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/7.jpg:file/photo/1c3a4a2056209351309c997e10ed36de1eaaedf5/7.JPG" alt="" title="7.JPG" class="inline" loading="lazy"/></a></span></p> <p><span><!--filtered attribute: data-contrast="none"-->Lisää vastaavat vielä, kun painetaan </span><b><span><!--filtered attribute: data-contrast="none"-->nuoli ylös</span></b><span><!--filtered attribute: data-contrast="none"--> ja </span><b><span><!--filtered attribute: data-contrast="none"-->nuoli alas</span></b><span><!--filtered attribute: data-contrast="none"-->. </span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="none"-->Testaa, miten hahmosi liikkuu. Testaa myös, miten hahmon liike muuttuu, jos muutat komennon lukuarvoja.</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><b><span><!--filtered attribute: data-contrast="auto"-->Testataan toiselle hahmolle toisenlaista liikettä:</span></b><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="auto"-->Luo samaan peliin toinen hahmo. Näytä-komennolla voit piilottaa toisen hahmon näkyvistä.</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> <a href="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/8.jpg#top" title="8.JPG"><img src="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/8.jpg:file/photo/a2fe03cb8ed4e012a1446353cd4538602161897a/8.JPG" alt="" title="8.JPG" class="inline" loading="lazy"/></a></span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="auto"-->Jos halutaan, että hahmo kääntyy liikkeen suuntaan, käytetään seuraavanlaisia komentoja:</span><span> <br/> </span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> <br/> <a href="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/9.jpg#top" title="9.JPG"><img src="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/9.jpg:file/photo/42541658345844c99c127d05dcbe8be9016d1791/9.JPG" alt="" title="9.JPG" class="inline" loading="lazy"/></a><br/> </span></p> <p><span><!--filtered attribute: data-contrast="auto"-->Lisää komennot taas kaikille nuolinäppäimille ja testaile hahmon liikuttamista</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><b><span><!--filtered attribute: data-contrast="auto"-->Liikuttaminen hiiren osoittimen avulla:</span></b><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="auto"-->Luo vielä kolmas hahmo. Ohjelmoidaan tämä hahmo kulkemaan hiiren osoittimen mukana. Tähän tarvitaan ikuisesti-silmukkaa, jonka avulla saadaan hahmo seuraamaan hiirtä niin pitkään kuin peli on käynnissä.</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> <a href="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/10.jpg#top" title="10.JPG"><img src="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/10.jpg:file/photo/fa185e111d45f6c2e803c6df041eb80a563091e3/10.JPG" alt="" title="10.JPG" class="inline" loading="lazy"/></a><br/> <br/> </span></p> <p><span><!--filtered attribute: data-contrast="auto"-->----------------------------------------------------------------------------------------------------------------------------</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="auto"--><br/> Hahmot saa liikkumaan myös toistensa mukaan. Laita ensimmäinen ja kolmas hahmosi näkyviin. Muuta kolmannen koodia niin, että hiiren osoittimen sijaan se osoittaa kohti ensimmäistä hahmoa:</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> <a href="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/11.jpg#top" title="11.JPG"><img src="https://peda.net/p/annakaisa.markkanen/scratch-peleja/tutustumista-scratch-ohjelmointiin/teksti/11.jpg:file/photo/2a60c574f3d14626607bf712ec854e459d2451aa/11.JPG" alt="" title="11.JPG" class="inline" loading="lazy"/></a></span></p> <p><span><!--filtered attribute: data-contrast="auto"-->Laita peli käyntiin vihreästä lipusta ja testaa, mitä tapahtuu.</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> <br/> <br/> </span></p> <p><span><!--filtered attribute: data-contrast="auto"-->----------------------------------------------------------------------------------------------------------------------------</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-contrast="auto"--><br/> Nyt osaat luoda pelitaustan, hahmoja ja tiedät, miten hahmot saa liikkeelle.</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><strong class="editor red"><b><span><!--filtered attribute: data-contrast="none"-->NÄYTÄ TYÖSI OPETTAJALLE!</span></b><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></strong></p> <p><span><!--filtered attribute: data-contrast="auto"-->Tämän jälkeen voit halutessasi vielä kokeilla Scratchissa erilaisten toimintojen tekemistä, tai puuhailla jotain muuta lopputunnin :)</span><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> <p><span><!--filtered attribute: data-ccp-props="{"201341983":0,"335559739":160,"335559740":259}"--> </span></p> 2022-08-28T11:32:26+03:00