<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="https://peda.net/:static/548/atom.xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>Kuvien yhdistely</title>
<id>https://peda.net/id/5edf896edeb</id>
<updated>2017-10-29T18:41:14+02:00</updated>
<link href="https://peda.net/id/5edf896edeb:atom" rel="self" />
<link href="https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen#top" rel="alternate" />
<logo>https://peda.net/:static/548/peda.net.logo.bg.svg</logo>
<rights type="html">&lt;div class=&quot;license&quot;&gt;Tämän sivun lisenssi &lt;a rel=&quot;license noopener&quot; href=&quot;https://peda.net/info&quot; target=&quot;_blank&quot;&gt;Peda.net-yleislisenssi&lt;/a&gt;&lt;/div&gt;&#10;</rights>

<entry>
<title>Harjoitustiedosto</title>
<id>https://peda.net/id/5edfceb0deb</id>
<updated>2017-11-19T15:18:00+02:00</updated>
<link href="https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/harjoitustiedosto#top" />
<content type="html">&lt;span&gt;Lataa ja avaa harjoitustiedosto:&lt;/span&gt;&lt;br/&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;&lt;a href=&quot;http://racket.koodiaapinen.fi/tehtavat/tiedostot/maol/kuvioiden_yhdistaminen.rkt&quot; target=&quot;_blank&quot; rel=&quot;nofollow ugc noopener&quot;&gt;DrRacket&lt;/a&gt;&lt;/li&gt;&#10;&lt;li&gt;&lt;a href=&quot;http://racket.koodiaapinen.fi/tehtavat/tiedostot/maol/wescheme/kuvioiden_yhdistaminen.html&quot; target=&quot;_blank&quot; rel=&quot;nofollow ugc noopener&quot;&gt;WeScheme&lt;/a&gt;&lt;/li&gt;&#10;&lt;/ul&gt;&#10;Siirry sen jälkeen harjoitustehtäviin ja suorita tehtävät järjestyksessä.</content>
<published>2017-12-11T22:25:03+02:00</published>
</entry>

<entry>
<title>Harjoitustehtävä 1</title>
<id>https://peda.net/id/5ee01e9cdeb</id>
<updated>2017-12-10T22:51:05+02:00</updated>
<link href="https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/h1#top" />
<content type="html">Lataa ja avaa harjoitustiedosto (yläpuolella).&lt;br/&gt;&#10;&lt;br/&gt;&#10;1. Paina &lt;span class=&quot;small&quot;&gt;&lt;a href=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/h1/run-jpg#top&quot; title=&quot;run.jpg&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;img src=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/h1/run-jpg:file/photo/6f133bd4083fb8100047c3b4b6181f6e3c9152ab/run.jpg&quot; alt=&quot;&quot; title=&quot;run.jpg&quot; class=&quot;inline&quot; loading=&quot;lazy&quot;/&gt;&lt;/a&gt;&lt;/span&gt;&lt;br/&gt;&#10;2. Kokeile, että kuviot toimivat. Kirjoita interaktioikkunaan K1 ja paina &amp;lt;enter&amp;gt;.&lt;br/&gt;&#10;&lt;br/&gt;&#10;Siirry määrittelyikkunaan. Kokeile beside ja above -käskyjä alla olevien ohjeiden mukaan.&lt;br/&gt;&#10;&lt;br/&gt;&#10;3. Yhdistä kuvioita vierekkäin: (beside K2 K3) &lt;br/&gt;&#10;4. Vaihde edellisessä käskyssä K2 ja K3 eri järjestykseen. Mitä tapahtuu?&lt;br/&gt;&#10;5. Kokeile yhdistää 3 tai 4 kuviota vierekkäin. Onnistuuko?&lt;br/&gt;&#10;6. Yhdistä kuvioita allekkain: (above K1 K2)&lt;br/&gt;&#10;7. Vaihda edellisessä käskyssä K1 ja K2 eri järjestykseen. Mitä tapahtuu?&lt;br/&gt;&#10;&lt;br/&gt;&#10;8. Voit myös yhdistää edelliset käskyt: (beside (above K1 K2) (above K2 K1))&lt;br/&gt;&#10;Millainen kuvio muodostuu?</content>
<published>2017-12-11T22:25:03+02:00</published>
</entry>

<entry>
<title>Harjoitustehtävä 2</title>
<id>https://peda.net/id/5ee0b712deb</id>
<updated>2017-11-19T15:25:33+02:00</updated>
<link href="https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/h2#top" />
<content type="html">&lt;h1&gt;&lt;a href=&quot;https://peda.net/yhdistykset/maol-ry/materiaalit/kpm/5-6-luokka/racket-ohjelmointia/3kp/3ky/teht%C3%A4v%C3%A4sarja-1/teht%C3%A4v%C3%A4sarja-12/teht%C3%A4v%C3%A4sarja-1/slide5-png&quot; title=&quot;Slide5.PNG&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;img class=&quot;inline&quot; src=&quot;https://peda.net/yhdistykset/maol-ry/materiaalit/kpm/5-6-luokka/racket-ohjelmointia/3kp/3ky/teht%C3%A4v%C3%A4sarja-1/teht%C3%A4v%C3%A4sarja-12/teht%C3%A4v%C3%A4sarja-1/slide5-png:file/photo/9ca6211eeed16849cde769b9afcec5dbb935c09d/Slide5.PNG&quot; alt=&quot;Slide5.PNG&quot; title=&quot;Slide5.PNG&quot;/&gt;&lt;/a&gt;&lt;/h1&gt;</content>
<published>2017-12-11T22:25:03+02:00</published>
</entry>

<entry>
<title>Harjoitustehtävä 3</title>
<id>https://peda.net/id/5ee0ebf6deb</id>
<updated>2017-12-10T22:53:18+02:00</updated>
<link href="https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/3h#top" />
<content type="html">Valitse oma kuvio, jonka saat ohjelmoitua osista. &lt;br/&gt;&#10;&lt;br/&gt;&#10;Kuvio voi koostua peruskuvioista, jotka on aseteltu päällekkäin, esimerkiksi&lt;br/&gt;&#10;&lt;span class=&quot;medium&quot;&gt;&lt;a href=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/3h/tikkataulu-png#top&quot; title=&quot;tikkataulu.png&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;img src=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/3h/tikkataulu-png:file/photo/737cc0e46e4ebc3206dc437ac19b6ddf60d132be/tikkataulu.png&quot; alt=&quot;&quot; title=&quot;tikkataulu.png&quot; class=&quot;inline&quot; loading=&quot;lazy&quot;/&gt;&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;medium&quot;&gt;&lt;a href=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/3h/kuormuri-png2#top&quot; title=&quot;kuormuri.png&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;img src=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/3h/kuormuri-png2:file/photo/74633bc980e2441e73d1a9f373bcf7102471dce0/kuormuri.png&quot; alt=&quot;&quot; title=&quot;kuormuri.png&quot; class=&quot;inline&quot; loading=&quot;lazy&quot;/&gt;&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;medium&quot;&gt;&lt;a href=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/3h/suomi-png2#top&quot; title=&quot;suomi.png&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;img src=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/3h/suomi-png2:file/photo/04c97cbe0a4d6246e369c0f0ed9b7a80399262e2/suomi.png&quot; alt=&quot;&quot; title=&quot;suomi.png&quot; class=&quot;inline&quot; loading=&quot;lazy&quot;/&gt;&lt;/a&gt;&lt;/span&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;br/&gt;&#10;Voit valita myös pikselikuvion, esimerkiksi (Vinkki: jos valitset symmetrisen pikselikuvion voit ennen pikselikuvion koodaamista tutustua seuraavaan teoriaosioon &lt;a href=&quot;https://peda.net/p/elina.mahnala/od2/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/siirto-ja-kierto&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;peilauksista täällä.&lt;/a&gt;)&lt;br/&gt;&#10;&lt;span class=&quot;medium&quot;&gt;&lt;a href=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/3h/pikseliukko-png#top&quot; title=&quot;pikseliukko.png&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;img src=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/3h/pikseliukko-png:file/photo/00106037764ffd3f7a163dc6bb49ccfd9a61f20f/pikseliukko.png&quot; alt=&quot;&quot; title=&quot;pikseliukko.png&quot; class=&quot;inline&quot; loading=&quot;lazy&quot;/&gt;&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;medium&quot;&gt;&lt;a href=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/3h/oona-png#top&quot; title=&quot;Oona.png&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;img src=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/3h/oona-png:file/photo/213bf17de52f900950d4530c663f6bbe4611e773/Oona.png&quot; alt=&quot;&quot; title=&quot;Oona.png&quot; class=&quot;inline&quot; loading=&quot;lazy&quot;/&gt;&lt;/a&gt;&lt;/span&gt; &lt;span class=&quot;medium&quot;&gt;&lt;a href=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/3h/einari-png#top&quot; title=&quot;Einari.png&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;&lt;img src=&quot;https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/3h/einari-png:file/photo/f7c97711e16e90817fc33583000126cf28f7e5f9/Einari.png&quot; alt=&quot;&quot; title=&quot;Einari.png&quot; class=&quot;inline&quot; loading=&quot;lazy&quot;/&gt;&lt;/a&gt;&lt;/span&gt;</content>
<published>2017-12-11T22:25:03+02:00</published>
</entry>

<entry>
<title>Peruskuvioiden yhdistäminen</title>
<id>https://peda.net/id/5ee5c392deb</id>
<updated>2017-12-10T22:50:16+02:00</updated>
<link href="https://peda.net/sastamala/peruskoulut/sylvaan-koulu/oppiaineet/skpn/od22/7-luokka/1-oppitunti/kuvien-piirt%C3%A4minen/nimet%C3%B6n-5ca0#top" />
<content type="html">&lt;p&gt;Isot kuvat koostuvat pienistä kuvioista, jotka on yhdistetty toisiinsa. &lt;br/&gt;&#10;Isompi kuva saadaan siis muodostettua ohjelmoimalla ensin pienempiä kuvioita, jotka myöhemmin yhdistetään toisiinsa. Jotta koodeja ei tarvitse kirjoittaa kokonaan uudelleen, otetaan avuksi määrittelyitä.&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;span class=&quot;editor underline&quot;&gt;&lt;b&gt;Määrittelyt&lt;br/&gt;&#10;&lt;/b&gt;&lt;/span&gt;&lt;b&gt;(define &lt;em&gt;nimi lauseke&lt;/em&gt;)&lt;/b&gt; -käskyllä voidaan määritellä ohjelman muistiin funktio, jota halutaan käyttää myöhemmin useita kertoja. Tällöin funktion muodostuskäskyä ei tarvitse myöhemmin kirjoittaa kokonaan.&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;span class=&quot;editor underline&quot;&gt;&lt;b&gt;Esimerkiksi:&lt;/b&gt; &lt;/span&gt;&lt;strong class=&quot;editor red&quot;&gt;(define A1 (square 40 &amp;quot;solid&amp;quot; &amp;quot;blue&amp;quot;))&lt;/strong&gt; -käsky määrittelee A1-nimisen funktion, joka piirää 40 pikseliä olevan sinisen neliön. Kun ohjelmassa myöhemmin halutaan piirtää samanlainen neliö, riittää syöttää käsky A1.&lt;br/&gt;&#10;&lt;br/&gt;&#10;define-määrilmää voidaan käyttää niin kuvioiden kuin laskutoimitustenkin määrittelyyn.&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;span class=&quot;editor underline&quot;&gt;&lt;b&gt;Kuvien yhdistely&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;/b&gt;&lt;/span&gt;&lt;strong class=&quot;editor red&quot;&gt;&lt;em&gt;(overlay A1 A2 A3 ...) &lt;/em&gt;&lt;/strong&gt;&lt;span class=&quot;editor underline&quot;&gt;&lt;b&gt;&lt;br/&gt;&#10;&lt;/b&gt;&lt;/span&gt;Luo kuvan asettelemalla argumentteina saadut kuvat A1, A2, A3... päällekkäin. Ensimmäisenä annettu kuva (A1) tulee päällimmäiseksi. Kuvat asetellaan niin, että niiden keskipisteet asettuvat päällekkäin.&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;strong class=&quot;editor red&quot;&gt;&lt;em&gt;(beside A1 A2 A3 ...) &lt;/em&gt;&lt;/strong&gt;&lt;br/&gt;&#10;&lt;span&gt;Luo kuvan asettelemalla argumentteina saadut kuvat A1, A2, A3... &lt;/span&gt;&lt;a name=&quot;(idx._(gentag._34))&quot;&gt;&lt;/a&gt;&lt;span&gt;vaakariviin, niin että niiden keskipisteet ovat samalla viivalla.&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;strong class=&quot;editor red&quot;&gt;&lt;em&gt;(above A1 A2 A3 ...) &lt;/em&gt;&lt;/strong&gt;&lt;br/&gt;&#10;Luo kuvan asettelemalla argumentteina saadut kuvat A1, A2, A3 &lt;a name=&quot;(idx._(gentag._35))&quot;&gt;&lt;/a&gt;&lt;span&gt;pystyriviin, niin että niiden keskipisteet ovat samalla viivalla.&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;strong class=&quot;editor red&quot;&gt;&lt;em&gt;&lt;b&gt;&lt;span class=&quot;RktPn&quot;&gt;(overlay/xy&lt;/span&gt;&lt;span class=&quot;hspace&quot;&gt; A&lt;/span&gt;&lt;span class=&quot;RktVar&quot;&gt;1&lt;/span&gt; &lt;span class=&quot;RktVar&quot;&gt;x&lt;/span&gt; &lt;span class=&quot;RktVar&quot;&gt;y&lt;/span&gt;&lt;span class=&quot;hspace&quot;&gt; A&lt;/span&gt;&lt;span class=&quot;RktVar&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;RktPn&quot;&gt;) &lt;/span&gt;&lt;/b&gt;&lt;/em&gt;&lt;/strong&gt;&lt;br/&gt;&#10;Luo kuvan asettamalla kuvan A&lt;span class=&quot;RktVar&quot;&gt;1&lt;/span&gt;&lt;span&gt; kuvan&lt;span&gt; A&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;RktVar&quot;&gt;2&lt;/span&gt; &lt;a name=&quot;(idx._(gentag._36))&quot;&gt;&lt;/a&gt;&lt;span&gt;päälle. Kuvat ovat aluksi linjattu niin, että niiden vasemmat yläkulmat ovat päällekkäin, sitten kuvaa&lt;span&gt; A&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;RktVar&quot;&gt;2&lt;/span&gt;&lt;span&gt; siirretään sivusuunnassa &lt;/span&gt;&lt;span class=&quot;RktVar&quot;&gt;x &lt;/span&gt;&lt;span&gt;pikselin verran ja pystysuunnassa &lt;/span&gt;&lt;span class=&quot;RktVar&quot;&gt;y&lt;/span&gt;&lt;span&gt; pikselin verran. Positiivinen &lt;/span&gt;&lt;span class=&quot;RktVar&quot;&gt;x&lt;/span&gt;&lt;span&gt; siirtää kuvaa oikealle, negatiivinen vasemmalle. Positiivinen &lt;/span&gt;&lt;span class=&quot;RktVar&quot;&gt;y&lt;/span&gt;&lt;span&gt; siirtää kuvaa alaspäin, negatiivinen ylöspäin.&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;Lisätietoa ja esimerkkejä kuvien yhdistelystä löydät &lt;a href=&quot;http://racket.koodiaapinen.fi/manuaali/2htdp_image_kuvien_yhdistely.html&quot; target=&quot;_blank&quot; rel=&quot;nofollow ugc noopener&quot;&gt;täältä.&lt;/a&gt;&lt;/p&gt;&#10;</content>
<published>2017-12-11T22:25:03+02:00</published>
</entry>


</feed>