SlideShare a Scribd company logo
1 of 19
Racket
6. JAKSO
Racket Turtle
Listojen, rekursion sekä Higher Order -funktioiden opetteluun kehitetty
kirjasto
(require teachpacks/racket-turtle)
Vaatii teachpacks – paketin asentamisen (WeSchemessä eri nimi!)
Tarjoaa helpon tavan kokeilla toistoa (repeat)
Sisältää peilauksen sekä laimasintoiminnon
2
1. Racket-turtle ja listat
Turtlea ohjataan komentolistoilla, jotka annetaan ”draw” tai
”draw-step-by-step”-funktioille
Komentolista on muotoa (list (…)(…)(…))
Racket-turtlen peruskomennot ovat:
◦ forward
◦ turn-left,turn-right
◦ repeat
◦ pen-up, pen-down
◦ go-to
◦ change-color
3
forward & turn-left
(define neliö
(list (forward 100)
(turn-left 90)
(forward 100)
(turn-left 90)
(forward 100)
(turn-left 90)
(forward 100)
(turn-left 90)))
(draw neliö )
4
(define sivu
(list (forward 100)
(turn-left 90))
(define toisto-neliö
(repeat 4 sivu ))
(draw toisto-neliö)
repeat
5
sivu
pen-up, pen-down, go-to,
change-color
(define kaksi-neliötä
(list neliö
(pen-up)
(go-to 350 50)
(change-color "red")
(pen-down)
neliö))
(draw kaksi-neliötä)
6
Peruskuvioita Racket Turtlella
Ympyrä on monikulmio,
jossa on hyvin lyhyet sivut ja
erittäin monta kulmaa.
Montako?
7
Kukkia Racket Turtlella
Kukan terälehti muodostuu kaaresta, joka on ympyrän osa...
8
2. Muuttujat ja funktiot
Turtle – komentolistoja voi muodostaa myös funktioiden avulla. Voimme
tehdä erikokoisia ja värisiä kolmioita tekevän komentolistan
muodostavan funktion: tee-kolmio. Muuttujat (parametrit) olisivat
sivu ja väri.
Esim. (tee-kolmio 100 ”red”) palauttaisi komentolistan, joka
toteuttaa tämän kuvan:
9
tee-kolmio
(define (tee-sivu sivu kulma väri)
(list (change-color väri)
(forward sivu)
(turn-left kulma)))
(define (tee-kolmio sivu väri)
(repeat 3 (tee-sivu sivu 120 väri)))
(draw (tee-kolmio 100 ”red”))
10
apufunktio
Monikulmiot funktion avulla
Voit tehdä edellisen harjoituksen myös funktioiden avulla (kulmien määrä
on nyt parametrina)
(define (tee-monikulmio sivu kulmat väri)
… )
Vihje 1: käytä apuna tee-sivu –apufunktiota
Vihje 2: koko kuviossa pitää kääntyä yhteensä 360°
11
Higher Order Funktiot
Jos tehtävänä on tehdä ennalta tiedetty määrä toistoja, voidaan käyttää
Higher Order – funktioita toiston toteuttamiseen.
Higher Order – funktiot ovat funktioita, jotka voivat ottaa toisen
funktion argumenttina (tavalliset funktiot ovat First Order – funktioita).
Racket:in Higer Order – funktiot käsittelevät tietota listojen muodossa.
Higher Order – funktioita ovat mm. map, apply, filter, foldl, foldr ja
quicksort
12
map
map on Higher Order – funktio, joka ottaa argumenttina funktion sekä
listan ja syöttää listan alkiot yksi kerrallaan funktiolle. map palauttaa
saadut paluuarvot listan muodossa. Esim. neliö-funktio (sqr)
(map sqr (list 1 2 3 4 5)) -> (list 1 4 9 16 25)
map:ille on aivan sama mitä funktio tekee ja mitä listassa on. Voimme esim.
tehdä listan tähtikuvia. Teemme ensin apufunktion tähti, jolla on yksi parametri
(koko):
(define (tähti koko)
(star koko ”solid” ”red”))
(map tähti (list 5 10 15 20 25 30))
->
13
Listassa tähtien koot
apply
apply ottaa argumenttina funktion sekä listan arvoja, jotka syötetään ko.
funktiolle argumenteiksi. Apply palauttaa yhden arvon (ei listaa). Esim.
voisimme laskea yhteen listan alkiot:
(apply + (list 1 2 3 4 5 6 7)) -> 28
Myös tämä funktio voi käsitellä mitä tahansa arvoja esim. kuvia. Voimme
esim. tehdä sisäkkäisiä ympyröitä. Teemme ensin apufunktio ”ympyrä”:n
avulla listan eri kokoisia ympyröitä ja sitten laitamme ne päällekkäin
käyttämällä apply:ä ja overlay:tä:
(define (ympyrä koko)
(circle koko ”outline” ”black”))
(map ympyrä (list 5 10 15 20 25 30)) ->
(apply overlay
(map ympyrä (list 5 10 15 20 25 30))) ->
14
foldl, foldr
foldl ja foldr toimivat myös funktioille, joilla on rajattu määrä argumentteja (vrt. + ja overlay
ottavat sisäänsä niin monta argumenttia kuin halutaan antaa). Tässä esimerkki, jossa place-image
sijoittaa kuvan annettuun koordinaattipisteeseen (x, y) annetun kuvan päälle. Tässä x ja y koordinaatit
sekä sijoitettavat kuvat voidaan antaa listoina (sama pituus) ja taustakuva toimii ns. pohja-arvona (vrt.
akkumulaattori). Nämä funktiot palauttavat yhden arvon (ei listaa). Liitä-kuva toimii apufunktiona
(hoitaa yhden kuvan).
(define SIJAINTI-X (list 122 48 20 15 104 112 99 100 148))
(define SIJAINTI-Y (list 132 17 20 53 82 51 132 31 101))
(define TÄHDET )
(define (liitä-kuva kuva x y pohja)
(place-image kuva x y pohja))
(foldl liitä-kuva (empty-scene 150 150 "black")
TÄHDET
SIJAINTI-X
SIJAINTI-Y)
15
”pohja-arvo”
Turtle jatko –tehtävät (1)
Kuvan spiraalin voi tehdä kahdella eri tavalla
A) Rekursiivinen ratkaisu
(define (sivu s)
(list (forward s) (turn-left 90)))
(define (spiraali matka max)
(if (>= matka max)
empty
(cons (sivu matka) (spiraali (+ matka 5) max))))
(draw (spiraali 5 300))
16
Turtle jatko –tehtävät (2)
B) Ratkaisu Higher Order – funktioiden avulla
(define (sivu s)
(list (forward s) (turn-left 90)))
(define SPIRAALI (map sivu (range 5 300 5)))
(draw SPIRAALI)
17
Vinkkejä viikkotehtävään (1)
Tärkeintä tällä viikolla on leikkiä,
kokeilla, ihmetellä ja pitää hauskaa.
Leiki väreillä ja muodoilla.
Voit tehdä kuviotaidetta joko Racket
Turtle:lla ja/tai 2htdp/image-kirjaston
ja map/apply/foldl/foldr/range –
avulla. Voit tehdä myös niin, että teet
ensin taustakuvan 2htdp/image-
kirjaston avulla ja asetat sen Racket
Turtlen taustakuvaksi ja piirrät vielä
Turtle-juttuja sen päälle. Ole luova!
18
Vinkkejä viikkotehtävään (2)
19
Tässä on ensin tehty 2htdp/imagella
kuva ja piirretty Turtlella viivoja päälle
(taustakuva on toteutettu laittamalla
random kohtiin random kokoisia ja
värisiä laatioita rekursion avulla).
Muista, että Turtle kuvan taustavärin
voi vaihtaa, kynän voi nostaa ja
käyttää leimasinta, leimasin voi olla
lista kuvia (vaikkapa random värisiä ja
random kokoisia ympyröitä kuten
tässä).
Vain mielikuvitus on rajana!

More Related Content

What's hot

Racket mooc - viikko 2
Racket mooc - viikko 2Racket mooc - viikko 2
Racket mooc - viikko 2Tiina Partanen
 
Racket perusteet 3. Funktio
Racket perusteet 3. FunktioRacket perusteet 3. Funktio
Racket perusteet 3. FunktioTiina Partanen
 
Racket perusteet - Sovellukset A
Racket perusteet - Sovellukset ARacket perusteet - Sovellukset A
Racket perusteet - Sovellukset ATiina Partanen
 
Racket MOOC - viikko 3
Racket MOOC - viikko 3Racket MOOC - viikko 3
Racket MOOC - viikko 3Tiina Partanen
 
Ohjelmointi yläkoulussa: Jatkokurssi
Ohjelmointi yläkoulussa: JatkokurssiOhjelmointi yläkoulussa: Jatkokurssi
Ohjelmointi yläkoulussa: JatkokurssiTiina Partanen
 
Racket MOOC - 1. viikko
Racket MOOC - 1. viikkoRacket MOOC - 1. viikko
Racket MOOC - 1. viikkoTiina Partanen
 
Racket jatko 6. oppitunti
Racket jatko  6. oppituntiRacket jatko  6. oppitunti
Racket jatko 6. oppituntiTiina Partanen
 

What's hot (8)

Racket mooc - viikko 2
Racket mooc - viikko 2Racket mooc - viikko 2
Racket mooc - viikko 2
 
Racket MOOC - jakso 2
Racket MOOC - jakso 2Racket MOOC - jakso 2
Racket MOOC - jakso 2
 
Racket perusteet 3. Funktio
Racket perusteet 3. FunktioRacket perusteet 3. Funktio
Racket perusteet 3. Funktio
 
Racket perusteet - Sovellukset A
Racket perusteet - Sovellukset ARacket perusteet - Sovellukset A
Racket perusteet - Sovellukset A
 
Racket MOOC - viikko 3
Racket MOOC - viikko 3Racket MOOC - viikko 3
Racket MOOC - viikko 3
 
Ohjelmointi yläkoulussa: Jatkokurssi
Ohjelmointi yläkoulussa: JatkokurssiOhjelmointi yläkoulussa: Jatkokurssi
Ohjelmointi yläkoulussa: Jatkokurssi
 
Racket MOOC - 1. viikko
Racket MOOC - 1. viikkoRacket MOOC - 1. viikko
Racket MOOC - 1. viikko
 
Racket jatko 6. oppitunti
Racket jatko  6. oppituntiRacket jatko  6. oppitunti
Racket jatko 6. oppitunti
 

More from Tiina Partanen

Computational Thinking as an Emergent Learning Trajectory of Mathematics
Computational Thinking as an Emergent Learning Trajectory of MathematicsComputational Thinking as an Emergent Learning Trajectory of Mathematics
Computational Thinking as an Emergent Learning Trajectory of MathematicsTiina Partanen
 
Racket mooc 2017 - yleistä
Racket mooc 2017 -  yleistäRacket mooc 2017 -  yleistä
Racket mooc 2017 - yleistäTiina Partanen
 
Racket mooc 2017 - aikataulu
Racket mooc 2017 -  aikatauluRacket mooc 2017 -  aikataulu
Racket mooc 2017 - aikatauluTiina Partanen
 
Racket materiaali (Koodausta kouluun - projekti)
Racket materiaali (Koodausta kouluun - projekti)Racket materiaali (Koodausta kouluun - projekti)
Racket materiaali (Koodausta kouluun - projekti)Tiina Partanen
 
Ohjelmoinnin historiaa
Ohjelmoinnin historiaaOhjelmoinnin historiaa
Ohjelmoinnin historiaaTiina Partanen
 
Racket MOOC 2016 aikataulu (SYKSY)
Racket MOOC 2016 aikataulu (SYKSY)Racket MOOC 2016 aikataulu (SYKSY)
Racket MOOC 2016 aikataulu (SYKSY)Tiina Partanen
 
Koodiaapinen MOOC - keynote
Koodiaapinen MOOC - keynoteKoodiaapinen MOOC - keynote
Koodiaapinen MOOC - keynoteTiina Partanen
 
Racket MOOC 2016 - yleistä (SYKSY)
Racket MOOC 2016 - yleistä (SYKSY)Racket MOOC 2016 - yleistä (SYKSY)
Racket MOOC 2016 - yleistä (SYKSY)Tiina Partanen
 
Koodauksen ensiaskeleet
Koodauksen ensiaskeleetKoodauksen ensiaskeleet
Koodauksen ensiaskeleetTiina Partanen
 
Racket MOOC - viikko 6
Racket MOOC - viikko 6Racket MOOC - viikko 6
Racket MOOC - viikko 6Tiina Partanen
 
Racket jatko 7. oppitunti
Racket jatko 7. oppituntiRacket jatko 7. oppitunti
Racket jatko 7. oppituntiTiina Partanen
 
Koodiaapinen MOOC - Racket
Koodiaapinen MOOC - RacketKoodiaapinen MOOC - Racket
Koodiaapinen MOOC - RacketTiina Partanen
 

More from Tiina Partanen (16)

Computational Thinking as an Emergent Learning Trajectory of Mathematics
Computational Thinking as an Emergent Learning Trajectory of MathematicsComputational Thinking as an Emergent Learning Trajectory of Mathematics
Computational Thinking as an Emergent Learning Trajectory of Mathematics
 
Racket mooc 2017 - yleistä
Racket mooc 2017 -  yleistäRacket mooc 2017 -  yleistä
Racket mooc 2017 - yleistä
 
Racket mooc 2017 - aikataulu
Racket mooc 2017 -  aikatauluRacket mooc 2017 -  aikataulu
Racket mooc 2017 - aikataulu
 
Racket materiaali (Koodausta kouluun - projekti)
Racket materiaali (Koodausta kouluun - projekti)Racket materiaali (Koodausta kouluun - projekti)
Racket materiaali (Koodausta kouluun - projekti)
 
Ohjelmoinnin historiaa
Ohjelmoinnin historiaaOhjelmoinnin historiaa
Ohjelmoinnin historiaa
 
Racket MOOC 2016 aikataulu (SYKSY)
Racket MOOC 2016 aikataulu (SYKSY)Racket MOOC 2016 aikataulu (SYKSY)
Racket MOOC 2016 aikataulu (SYKSY)
 
Koodiaapinen MOOC - keynote
Koodiaapinen MOOC - keynoteKoodiaapinen MOOC - keynote
Koodiaapinen MOOC - keynote
 
Kurkistus koodaukseen
Kurkistus koodaukseenKurkistus koodaukseen
Kurkistus koodaukseen
 
Racket MOOC jakso 7
Racket MOOC jakso 7Racket MOOC jakso 7
Racket MOOC jakso 7
 
Racket MOOC 2016 - yleistä (SYKSY)
Racket MOOC 2016 - yleistä (SYKSY)Racket MOOC 2016 - yleistä (SYKSY)
Racket MOOC 2016 - yleistä (SYKSY)
 
Legorobottialkeet
LegorobottialkeetLegorobottialkeet
Legorobottialkeet
 
Lapset koodaa?
Lapset koodaa?Lapset koodaa?
Lapset koodaa?
 
Koodauksen ensiaskeleet
Koodauksen ensiaskeleetKoodauksen ensiaskeleet
Koodauksen ensiaskeleet
 
Racket MOOC - viikko 6
Racket MOOC - viikko 6Racket MOOC - viikko 6
Racket MOOC - viikko 6
 
Racket jatko 7. oppitunti
Racket jatko 7. oppituntiRacket jatko 7. oppitunti
Racket jatko 7. oppitunti
 
Koodiaapinen MOOC - Racket
Koodiaapinen MOOC - RacketKoodiaapinen MOOC - Racket
Koodiaapinen MOOC - Racket
 

Racket MOOC - jakso 6

  • 2. Racket Turtle Listojen, rekursion sekä Higher Order -funktioiden opetteluun kehitetty kirjasto (require teachpacks/racket-turtle) Vaatii teachpacks – paketin asentamisen (WeSchemessä eri nimi!) Tarjoaa helpon tavan kokeilla toistoa (repeat) Sisältää peilauksen sekä laimasintoiminnon 2
  • 3. 1. Racket-turtle ja listat Turtlea ohjataan komentolistoilla, jotka annetaan ”draw” tai ”draw-step-by-step”-funktioille Komentolista on muotoa (list (…)(…)(…)) Racket-turtlen peruskomennot ovat: ◦ forward ◦ turn-left,turn-right ◦ repeat ◦ pen-up, pen-down ◦ go-to ◦ change-color 3
  • 4. forward & turn-left (define neliö (list (forward 100) (turn-left 90) (forward 100) (turn-left 90) (forward 100) (turn-left 90) (forward 100) (turn-left 90))) (draw neliö ) 4
  • 5. (define sivu (list (forward 100) (turn-left 90)) (define toisto-neliö (repeat 4 sivu )) (draw toisto-neliö) repeat 5 sivu
  • 6. pen-up, pen-down, go-to, change-color (define kaksi-neliötä (list neliö (pen-up) (go-to 350 50) (change-color "red") (pen-down) neliö)) (draw kaksi-neliötä) 6
  • 7. Peruskuvioita Racket Turtlella Ympyrä on monikulmio, jossa on hyvin lyhyet sivut ja erittäin monta kulmaa. Montako? 7
  • 8. Kukkia Racket Turtlella Kukan terälehti muodostuu kaaresta, joka on ympyrän osa... 8
  • 9. 2. Muuttujat ja funktiot Turtle – komentolistoja voi muodostaa myös funktioiden avulla. Voimme tehdä erikokoisia ja värisiä kolmioita tekevän komentolistan muodostavan funktion: tee-kolmio. Muuttujat (parametrit) olisivat sivu ja väri. Esim. (tee-kolmio 100 ”red”) palauttaisi komentolistan, joka toteuttaa tämän kuvan: 9
  • 10. tee-kolmio (define (tee-sivu sivu kulma väri) (list (change-color väri) (forward sivu) (turn-left kulma))) (define (tee-kolmio sivu väri) (repeat 3 (tee-sivu sivu 120 väri))) (draw (tee-kolmio 100 ”red”)) 10 apufunktio
  • 11. Monikulmiot funktion avulla Voit tehdä edellisen harjoituksen myös funktioiden avulla (kulmien määrä on nyt parametrina) (define (tee-monikulmio sivu kulmat väri) … ) Vihje 1: käytä apuna tee-sivu –apufunktiota Vihje 2: koko kuviossa pitää kääntyä yhteensä 360° 11
  • 12. Higher Order Funktiot Jos tehtävänä on tehdä ennalta tiedetty määrä toistoja, voidaan käyttää Higher Order – funktioita toiston toteuttamiseen. Higher Order – funktiot ovat funktioita, jotka voivat ottaa toisen funktion argumenttina (tavalliset funktiot ovat First Order – funktioita). Racket:in Higer Order – funktiot käsittelevät tietota listojen muodossa. Higher Order – funktioita ovat mm. map, apply, filter, foldl, foldr ja quicksort 12
  • 13. map map on Higher Order – funktio, joka ottaa argumenttina funktion sekä listan ja syöttää listan alkiot yksi kerrallaan funktiolle. map palauttaa saadut paluuarvot listan muodossa. Esim. neliö-funktio (sqr) (map sqr (list 1 2 3 4 5)) -> (list 1 4 9 16 25) map:ille on aivan sama mitä funktio tekee ja mitä listassa on. Voimme esim. tehdä listan tähtikuvia. Teemme ensin apufunktion tähti, jolla on yksi parametri (koko): (define (tähti koko) (star koko ”solid” ”red”)) (map tähti (list 5 10 15 20 25 30)) -> 13 Listassa tähtien koot
  • 14. apply apply ottaa argumenttina funktion sekä listan arvoja, jotka syötetään ko. funktiolle argumenteiksi. Apply palauttaa yhden arvon (ei listaa). Esim. voisimme laskea yhteen listan alkiot: (apply + (list 1 2 3 4 5 6 7)) -> 28 Myös tämä funktio voi käsitellä mitä tahansa arvoja esim. kuvia. Voimme esim. tehdä sisäkkäisiä ympyröitä. Teemme ensin apufunktio ”ympyrä”:n avulla listan eri kokoisia ympyröitä ja sitten laitamme ne päällekkäin käyttämällä apply:ä ja overlay:tä: (define (ympyrä koko) (circle koko ”outline” ”black”)) (map ympyrä (list 5 10 15 20 25 30)) -> (apply overlay (map ympyrä (list 5 10 15 20 25 30))) -> 14
  • 15. foldl, foldr foldl ja foldr toimivat myös funktioille, joilla on rajattu määrä argumentteja (vrt. + ja overlay ottavat sisäänsä niin monta argumenttia kuin halutaan antaa). Tässä esimerkki, jossa place-image sijoittaa kuvan annettuun koordinaattipisteeseen (x, y) annetun kuvan päälle. Tässä x ja y koordinaatit sekä sijoitettavat kuvat voidaan antaa listoina (sama pituus) ja taustakuva toimii ns. pohja-arvona (vrt. akkumulaattori). Nämä funktiot palauttavat yhden arvon (ei listaa). Liitä-kuva toimii apufunktiona (hoitaa yhden kuvan). (define SIJAINTI-X (list 122 48 20 15 104 112 99 100 148)) (define SIJAINTI-Y (list 132 17 20 53 82 51 132 31 101)) (define TÄHDET ) (define (liitä-kuva kuva x y pohja) (place-image kuva x y pohja)) (foldl liitä-kuva (empty-scene 150 150 "black") TÄHDET SIJAINTI-X SIJAINTI-Y) 15 ”pohja-arvo”
  • 16. Turtle jatko –tehtävät (1) Kuvan spiraalin voi tehdä kahdella eri tavalla A) Rekursiivinen ratkaisu (define (sivu s) (list (forward s) (turn-left 90))) (define (spiraali matka max) (if (>= matka max) empty (cons (sivu matka) (spiraali (+ matka 5) max)))) (draw (spiraali 5 300)) 16
  • 17. Turtle jatko –tehtävät (2) B) Ratkaisu Higher Order – funktioiden avulla (define (sivu s) (list (forward s) (turn-left 90))) (define SPIRAALI (map sivu (range 5 300 5))) (draw SPIRAALI) 17
  • 18. Vinkkejä viikkotehtävään (1) Tärkeintä tällä viikolla on leikkiä, kokeilla, ihmetellä ja pitää hauskaa. Leiki väreillä ja muodoilla. Voit tehdä kuviotaidetta joko Racket Turtle:lla ja/tai 2htdp/image-kirjaston ja map/apply/foldl/foldr/range – avulla. Voit tehdä myös niin, että teet ensin taustakuvan 2htdp/image- kirjaston avulla ja asetat sen Racket Turtlen taustakuvaksi ja piirrät vielä Turtle-juttuja sen päälle. Ole luova! 18
  • 19. Vinkkejä viikkotehtävään (2) 19 Tässä on ensin tehty 2htdp/imagella kuva ja piirretty Turtlella viivoja päälle (taustakuva on toteutettu laittamalla random kohtiin random kokoisia ja värisiä laatioita rekursion avulla). Muista, että Turtle kuvan taustavärin voi vaihtaa, kynän voi nostaa ja käyttää leimasinta, leimasin voi olla lista kuvia (vaikkapa random värisiä ja random kokoisia ympyröitä kuten tässä). Vain mielikuvitus on rajana!