Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Racket alkeet 2. Kuvat

12,475 views

Published on

Koodausta kouluun materiaalin opettajan diat

Published in: Education
  • Be the first to comment

  • Be the first to like this

Racket alkeet 2. Kuvat

  1. 1. Racket – alkeet 2. KUVAT
  2. 2. 2.1 Peruskuvioiden piirtäminen Jotta kuvioita voi piirtää, täytyy ottaa käyttöön grafiikkakirjasto. Kirjoita alla oleva teksti DrRacketin määrittelyikkunaan ja paina ”run”. (require 2htdp/image) Kokeile seuraavia piirtofunktioita, joko määrittelyikkunassa (ja paina ”run”), tai interaktioikkunassa (ja paina <enter>). 2
  3. 3. (circle 100 "solid" "red”) 3 100
  4. 4. 4 (rectangle 200 100 ”solid” ”blue”) 200 100
  5. 5. 5 (triangle 100 ”solid” ”yellow”) 100
  6. 6. (square 100 ”outline” ”green”) 6 100 100
  7. 7. (right-triangle 100 200 ”outline” ”brown”) 7 100 200
  8. 8. 2.2 Määrittelyt (define) Määrittelyn avulla voidaan antaa nimi jollekin arvolle. Tämä on erityisen hyödyllistä, jos arvoa käytettään usein. Esim. Voimme määritellä mittoja kuten SÄDE: (define SÄDE 50) Tai kokonaisia kuvia kuten YMPYRÄ: (define YMPYRÄ (circle SÄDE ”solid” ”red”)) Määrittely kirjoitetaan määrittelyikkunaan ja painetaan ”run” Määriteltyä nimeä voi nyt käyttää kirjoittamalla SÄDE tai YMPYRÄ interaktioikkunassa ja painamalla <enter> 8 Isot kirjaimet viittaavat siihen, että tämän arvo ei muutu eli se on VAKIO.
  9. 9. (define SUORAKULMIO ) (rectangle 200 100 ”solid” ”blue”)) 9
  10. 10. (define YMPYRÄ ) (circle 100 ”solid” ”red”)) 10
  11. 11. 2.3 Yhdistettyjen kuvien piirtäminen Peruskuvioita saadaan päällekkäin käyttämällä overlay - funktiota Kuvat saadaan vierekkäin beside-, ja allekkain above – funktion avulla. 11
  12. 12. (overlay SUORAKULMIO YMPYRÄ) 12
  13. 13. (beside SUORAKULMIO YMPYRÄ) 13
  14. 14. (above SUORAKULMIO YMPYRÄ) 14
  15. 15. (overlay/xy SUORAKULMIO 0 0 YMPYRÄ) 15 (0, 0)
  16. 16. (overlay/xy SUORAKULMIO 100 0 YMPYRÄ) 100
  17. 17. (overlay/xy SUORAKULMIO 0 50 YMPYRÄ) 50
  18. 18. (text ”punainen” 38 ”red”) (overlay TEKSTI SUORAKULMIO)
  19. 19. Koodaushaaste Tee Japanin lippu (define JAPANIN-LIPPU ..) Tee auto (define AUTO ..) 19 Vihje: määrittele ensin KORI, RENGAS ja RENKAAT. Käytä näitä, kun teet AUTO:n
  20. 20. Lisää koodaushaasteita Tee Suomen lippu (define SUOMEN-LIPPU ..) Lisää autoosi teksti 20
  21. 21. 2.3 Kuvanmuokkausfunktiot Kuvia voidaan lisäksi leikata, skaalata, kiertää sekä peilata vaaka- ja pystysuunnassa käyttämällä kuvan muokkausfunktioita. 21
  22. 22. 22 (rotate 90 LEHTI) 90°
  23. 23. 23 (flip-horizontal NUOLI)
  24. 24. 24 (flip-vertical NUOLI)
  25. 25. 25 (scale 0.5 NUOLI)
  26. 26. 26 (crop 0 0 50 50 YMPYRÄ) (0,0) 50 50
  27. 27. Koodaushaaste Suunnittele kuva ja koodaa se. Esittele kuvasi muille ja kerro miten sait sen aikaiseksi. Lisää piirtofunktioita löydät käsikirjasta: http://racket.koodiaapinen.fi -> Käsikirja -> Kuvat – 2htdp/image 27

×