Venekilpailu! Esteiden väistely ja hahmon ohjaaminen 1 Vaihe 1 Valmistelu Lataa Boat Race eli Venekisa -niminen projekti seuraavasta linkistä ja avaa Scratchissa (Online- tai Offline-versiossa): http://jumpto.cc/boat-get Projekti pitää sisällään kaksi sprite-kuvaa: Veneen ja taustan. o Vene on se, joka liikkuu ja tausta pysyy paikallaan. o Taustassa on ruskealla värillä puiset reunat, joita veneen pitää väistellä ja aavikkosaari, jonne veneen pitää päästä. Tavoitteena on tehdä peli, jossa ohjataan venettä ja joka on ohjattava saarelle. Lisäksi peliin tehdään hidasteita ja esteitä, lisäksi tehdään venettä nopeuttavia nuolia. Alla oleva kuva on lähes valmiista versiosta:
2 Vaihe 2 Veneen ohjaaminen Valitse vene-hahmo ja lisää sen skripteihin seuraavat koodit: Testaa koodin toimivuus klikkaamalla vihreää lippua ja liikuttamalla hiiren kursoria. Liikkuuko vene kursoria kohti? Entä mitä tapahtuu, kun vene saavuttaa kursorin? Sinun täytyy lisätä Jos -, niin -koodi ikuisen silmukan sisälle kuvan mukaisesti. Koodin seurauksena vene liikkuu kursoria kohti vain, jos se on yli 5 pikselin eli kuvapisteen päässä hiiren kursorista. Testaa lopuksi koodin toimivuus. Toistuuko ongelma? 3 Vaihe 3 Veneen törmääminen puuhun! Valitse vene ja siirry ulkoasuihin. Tällä hetkellä veneellä on yksi ulkoasu. Kopioi tuo ulkoasu ja anna ensimmäisen nimeksi Normaali ja toisen nimeksi Osuma. Valitse Osuma -ulkoasu ja tee tuon ulkoasun veneestä hajonneen näköinen.
Käytä apuna Valinta-työkalua, jolla voit kääntää valintaa kuvan mukaisesti. Lisää seuraava koodi veneen skriptiin, ikuisesti-silmukan sisälle. Koodi avulla veneen ulkoasu muuttuu Osuma:ksi, veneestä ilmestyy EEEIII!!! -puhekupla ja itse vene palaa takaisin lähtöpisteeseen. Varmista, että veneen ulkoasu palautuu aina normaaliksi ennen siirtymistä lähtöpaikkaan! Muuten vene liikkuu rikkinäisen näköisenä. Testaa koodia. Nyt veneen pitäisi mennä rikki osuessaan ruskeaan puiseen esteeseen. Sen jälkeen veneen pitäisi palata takaisin lähtöpaikkaan. Tallenna projektisi tässä vaiheessa 3.1 Haaste: Voittaminen! Lisää Ikuisesti koodin sisälle uusi Jos -koodi, joka tarkistaa sen, että onko vene päässyt saarelle. Lisää alla oleva koodi, joka sanoo jotain saarelle päästessään ja pysäyttää kaikki pelin toiminnot.
Kokeile saatko lisättyä äänet törmäämistä ja saarelle pääsemistä varten? Entäpä taustamusiikki? 4 Vaihe 4 Aika-ajo! Lisätään tässä vaiheessa peliin sekuntikello, joka ottaa aikaa! Sen avulla pelistä tulee haasteellisempi, sillä pelaajan pitää päästä saarelle mahdollisimman nopeasti. Valitse tausta aktiiviseksi hahmojen vasemmalta puolelta ja lisää sitten uusi muuttuja nimeltä aika. Lisää seuraava koodi taustaan, jotta kello käy, kunnes vene saavuttaa saaren. Testaa peliäsi ja kokeile miten nopeasti ehdit saarelle! Tallenna projektisi tässä vaiheessa! 5 Vaihe 5 Esteet ja veneen kiihdytyspaikat Pelisi on tällä hetkellä todella helppo, tarvitsee vain olla törmäämättä reunoihin. Tehdään siitä siis seuraavaksi mielenkiintoisempi ja haastavampi! Lisätään Nopeutus -paikkoja veneelle. Osumalla noihin paikkoihin ja pisteisiin veneesi pääsee etenemään hetken nopeammin! Varmista, että tausta on valittuna ja piirrä taustaan valkoisella tai muulla värillä nuolia tai muunlaisia erottuvia kuvioita, josta voi ottaa lisää vauhtia. Valitse vene-hahmo ja lisää Ikuisesti -silmukkaan seuraava koodi. Se toimii siten, että koskettaessaan piirtämäsi muodon väristä aluetta taustalla vene liikkuu sitä koskettaessaan enemmän kuin normaalisti. Pelaajalle ja sinulle se näyttää siltä, että vene liikkuu hetken nopeammin!
Lisää myös pyörivä este. Luo uusi hahmo, valitse väriksi ruskea ja piirrä viiva-työkalulla. Kohdista uudelle hahmolle keskipiste kuvan mukaisella työkalulla ja kuvan mukaisesti. Hahmo tulee pyörimään tuon keskipisteen kohdalta! Lisää koodi esteen skripteihin. Tiedätkö mitkä koodit siihen pitää lisätä? Annan vinkin: Ensin pitää olla koodi, joka käynnistää seuraavan koodin, toinen koodi pitää sisällään liike-koodin joko myötäpäivään tai vastapäivään 1:n asteen kerrallaan. Jos et tiedä, arvaa tai löydä ratkaisua edes kokeilemalla, niin kysy neuvoa kerhosta. Tallenna projektisi tässä vaiheessa! Lisää seuraavaksi esteitä, mutta älä tee niitä liikaa! Piirrä taustaan esimerkiksi vihreitä mönjiä, jotka hidastavat venettä. Saat hidastettua venettä käyttämällä Jos-koodia ja Odotakoodia. Laita aluksi arvoksi 0.01, mutta kokeile myös arvoa 0.1 tai jotain muuta desimaalilukua. Testaa miten paljon mönjä hidastaa venettä! Lisää liikkuvia esteitä. Piirrä siis uusia hahmoja, jotka liikkuvat vaakatasossa. Seuraavat koodit auttavat niiden toteuttamisessa:
Kysymys: Miksi tässä koodissa vaihdetaan asustetta eli ulkoasua? Ratkaisu paljastetaan koodauskerhossa... Muista, että uusien hahmojen ollessa eri väriä kuin puu (ruskea), niille pitää tehdä omat koodit erikseen. Tässä auttaa Jos () tai () Muuten koodi. Sulkujen sisällä on vaaleansiniset ja vihreät koodit. Alla oleva kuva auttaa hahmottamaan koodin tekemistä: 5.1 Haaste: Lisää veneitä! Saatko tehtyä toisen veneen, jota ohjataan hiiren sijaan nuolinäppäimillä? Sinun tarvitsee vain kopioida olemassa oleva vene hahmona ja muokata sen väritystä. Ota mallia toisen veneen koodiin ensimmäisestä. 5.2 Haaste: Lisää tasoja! Nyt peli on aika yksinkertainen, vain yksi taso ja se alkaa pian kyllästyttää! Tee uusia tasoja piirtämällä uusia taustoja. Seuraavalla koodilla saa vaihettua seuraavan taustan. Mutta saatko estettyä uuden tason vaihtamisen ennen kuin edellinen taso on suoritettu? Vinkki: Käytä apuna muuttujaa. 5.3 Haaste: Piirrä oma peli! Mitä jos kokeilisit pelin tekemistä, missä ei veneillä lainkaan? Vinkki: Piirrä hahmo kuvattuna ylhäältä päin, niin kuin veneen osalta. Ja piirrä kuvitteellinen maailma, missä pitää päästä lähtöpisteestä maaliin, mutta matkalla on esteitä Tallenna projektisi. Näytä aikaan saamasi peli seuraavalla kerralla koodauskerhossa!