<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="https://peda.net/:static/533/atom.xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>1.2.2 Monimutkaiset kuvat</title>
<id>https://peda.net/id/4ad3552c8</id>
<updated>2015-11-06T09:37:54+02:00</updated>
<link href="https://peda.net/id/4ad3552c8:atom" rel="self" />
<link href="https://peda.net/p/jamspe/omat-atk-t/ohjelmointi/racket/1-racket-alkeet/1mk#top" rel="alternate" />
<logo>https://peda.net/:static/533/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&quot; href=&quot;https://peda.net/info&quot;&gt;Peda.net-yleislisenssi&lt;/a&gt;&lt;/div&gt;&#10;</rights>

<entry>
<title>1.2.2 Monimutkaiset kuvat</title>
<id>https://peda.net/id/5f271ac28</id>
<updated>2015-11-06T09:38:28+02:00</updated>
<link href="https://peda.net/p/jamspe/omat-atk-t/ohjelmointi/racket/1-racket-alkeet/1mk/1mk#top" />
<content type="html">&lt;p&gt;Jos teit edellisen tehtävän auton huomasit, että jouduit kirjoittamaan kaksi kertaa saman&lt;span class=&quot;RktSym&quot;&gt;&lt;a class=&quot;RktValLink&quot; href=&quot;http://racket.koodiaapinen.fi/manuaali/ympyrat_ja_ellipsit.html#%28def._%28%28lib._fin-doc%2Ffi-image..rkt%29._circle%29%29&quot; rel=&quot;nofollow ugc noopener&quot;&gt;&lt;!--filtered attribute: data-pltdoc=&quot;x&quot;--&gt;circle&lt;/a&gt;&lt;/span&gt;-lausekkeen. Se on turhaa, jos opettelemme käyttämään &lt;span&gt;muuttujaa&lt;/span&gt;, johon tallennamme kuvan. Seuraava koodi tallentaa &lt;span&gt;RENGAS&lt;/span&gt; nimiseen muuttujaan mustan ympyrän:&lt;/p&gt;&#10;&lt;blockquote&gt;&#10;&lt;p&gt;&lt;span class=&quot;RktPn&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;RktSym&quot;&gt;&lt;a class=&quot;RktStxLink&quot; href=&quot;http://racket.koodiaapinen.fi/manuaali/maarittelyt.html#%28form._%28%28lib._fin-doc%2Ffi-beginner..rkt%29._define%29%29&quot; rel=&quot;nofollow ugc noopener&quot;&gt;&lt;!--filtered attribute: data-pltdoc=&quot;x&quot;--&gt;define&lt;/a&gt;&lt;/span&gt;&lt;span class=&quot;hspace&quot;&gt; &lt;/span&gt;&lt;span class=&quot;RktSym&quot;&gt;RENGAS&lt;/span&gt;&lt;span class=&quot;hspace&quot;&gt; &lt;/span&gt;&lt;span class=&quot;RktPn&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;RktSym&quot;&gt;&lt;a class=&quot;RktValLink&quot; href=&quot;http://racket.koodiaapinen.fi/manuaali/ympyrat_ja_ellipsit.html#%28def._%28%28lib._fin-doc%2Ffi-image..rkt%29._circle%29%29&quot; rel=&quot;nofollow ugc noopener&quot;&gt;&lt;!--filtered attribute: data-pltdoc=&quot;x&quot;--&gt;circle&lt;/a&gt;&lt;/span&gt;&lt;span class=&quot;hspace&quot;&gt; &lt;/span&gt;&lt;span class=&quot;RktVal&quot;&gt;25&lt;/span&gt;&lt;span class=&quot;hspace&quot;&gt; &lt;/span&gt;&lt;span class=&quot;RktVal&quot;&gt;&amp;quot;solid&amp;quot;&lt;/span&gt;&lt;span class=&quot;hspace&quot;&gt; &lt;/span&gt;&lt;span class=&quot;RktVal&quot;&gt;&amp;quot;black&amp;quot;&lt;/span&gt;&lt;span class=&quot;RktPn&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;RktPn&quot;&gt;)&lt;/span&gt;&lt;/p&gt;&#10;&lt;/blockquote&gt;&#10;&lt;p&gt;Nyt riittää, että koodiin kirjoittaa &lt;span class=&quot;RktSym&quot;&gt;RENGAS&lt;/span&gt;, joka kerta kun haluaa mustan ympyrän. Esim. kaksi RENGASTA vierekkäin samassa kuvassa olisi:&lt;/p&gt;&#10;&lt;blockquote&gt;&#10;&lt;p&gt;&lt;span class=&quot;RktPn&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;RktSym&quot;&gt;&lt;a class=&quot;RktValLink&quot; href=&quot;http://racket.koodiaapinen.fi/manuaali/2htdp_image_kuvien_yhdistely.html#%28def._%28%28lib._fin-doc%2Ffi-image..rkt%29._overlay%2Fxy%29%29&quot; rel=&quot;nofollow ugc noopener&quot;&gt;&lt;!--filtered attribute: data-pltdoc=&quot;x&quot;--&gt;overlay/xy&lt;/a&gt;&lt;/span&gt;&lt;span class=&quot;hspace&quot;&gt; &lt;/span&gt;&lt;span class=&quot;RktSym&quot;&gt;RENGAS&lt;/span&gt;&lt;span class=&quot;hspace&quot;&gt; &lt;/span&gt;&lt;span class=&quot;RktVal&quot;&gt;100&lt;/span&gt;&lt;span class=&quot;hspace&quot;&gt; &lt;/span&gt;&lt;span class=&quot;RktVal&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;hspace&quot;&gt; &lt;/span&gt;&lt;span class=&quot;RktSym&quot;&gt;RENGAS&lt;/span&gt;&lt;span class=&quot;RktPn&quot;&gt;)&lt;/span&gt;&lt;/p&gt;&#10;&lt;/blockquote&gt;&#10;&lt;p&gt;Anna nyt määrittelyikkunassa aikaisemmin tekemillesi peruskuvioille muuttujanimet.&lt;/p&gt;&#10;&lt;p&gt;Kuvia voi myös skaalata pienemmiksi tai suuremmiksi, kiertää tietyn asteluvun verran, peilata vaaka- ja pystysuunnassa sekä leikata. Tutustu näihin kuvanmuokkausfunktioihin käsikirjan avulla. Käytä itse nimeämiäsi kuvioitasi ja testaa funktioita niillä.&lt;/p&gt;&#10;&lt;p&gt; &lt;/p&gt;&#10;&lt;table class=&quot;boxed&quot;&gt;&lt;!--filtered attribute: cellspacing=&quot;0&quot;--&gt;&lt;!--filtered attribute: cellpadding=&quot;0&quot;--&gt;&#10;&lt;tbody&gt;&#10;&lt;tr&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;&lt;span class=&quot;RktSym&quot;&gt;&lt;a class=&quot;RktValLink&quot; href=&quot;http://racket.koodiaapinen.fi/manuaali/2htdp_image_kuvien_muokkaus.html#%28def._%28%28lib._fin-doc%2Ffi-image..rkt%29._scale%29%29&quot; rel=&quot;nofollow ugc noopener&quot;&gt;&lt;!--filtered attribute: data-pltdoc=&quot;x&quot;--&gt;scale&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;&lt;span class=&quot;hspace&quot;&gt;   &lt;/span&gt;&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;&lt;span class=&quot;RktSym&quot;&gt;&lt;a class=&quot;RktValLink&quot; href=&quot;http://racket.koodiaapinen.fi/manuaali/2htdp_image_kuvien_muokkaus.html#%28def._%28%28lib._fin-doc%2Ffi-image..rkt%29._rotate%29%29&quot; rel=&quot;nofollow ugc noopener&quot;&gt;&lt;!--filtered attribute: data-pltdoc=&quot;x&quot;--&gt;rotate&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;&lt;span class=&quot;hspace&quot;&gt;   &lt;/span&gt;&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;&lt;span class=&quot;RktSym&quot;&gt;&lt;a class=&quot;RktValLink&quot; href=&quot;http://racket.koodiaapinen.fi/manuaali/2htdp_image_kuvien_muokkaus.html#%28def._%28%28lib._fin-doc%2Ffi-image..rkt%29._flip-horizontal%29%29&quot; rel=&quot;nofollow ugc noopener&quot;&gt;&lt;!--filtered attribute: data-pltdoc=&quot;x&quot;--&gt;flip-horizontal&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;&lt;span class=&quot;hspace&quot;&gt;   &lt;/span&gt;&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;&lt;span class=&quot;RktSym&quot;&gt;&lt;a class=&quot;RktValLink&quot; href=&quot;http://racket.koodiaapinen.fi/manuaali/2htdp_image_kuvien_muokkaus.html#%28def._%28%28lib._fin-doc%2Ffi-image..rkt%29._flip-vertical%29%29&quot; rel=&quot;nofollow ugc noopener&quot;&gt;&lt;!--filtered attribute: data-pltdoc=&quot;x&quot;--&gt;flip-vertical&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;&lt;span class=&quot;hspace&quot;&gt;   &lt;/span&gt;&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;&lt;span class=&quot;RktSym&quot;&gt;&lt;a class=&quot;RktValLink&quot; href=&quot;http://racket.koodiaapinen.fi/manuaali/2htdp_image_kuvien_muokkaus.html#%28def._%28%28lib._fin-doc%2Ffi-image..rkt%29._crop%29%29&quot; rel=&quot;nofollow ugc noopener&quot;&gt;&lt;!--filtered attribute: data-pltdoc=&quot;x&quot;--&gt;crop&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;/tbody&gt;&#10;&lt;/table&gt;&#10;&lt;p&gt; &lt;/p&gt;&#10;&lt;p&gt;Koodaa em. funktioiden avulla seuraavat tehtävät:&lt;/p&gt;&#10;&lt;p&gt;&lt;span&gt;Kuvakoodaus 2&lt;/span&gt;&lt;/p&gt;&#10;&lt;p&gt; &lt;/p&gt;&#10;&lt;table class=&quot;boxed&quot;&gt;&lt;!--filtered attribute: cellspacing=&quot;0&quot;--&gt;&lt;!--filtered attribute: cellpadding=&quot;0&quot;--&gt;&#10;&lt;tbody&gt;&#10;&lt;tr&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;Koodaa kukka.&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;&lt;img src=&quot;http://racket.koodiaapinen.fi/tehtavat/kukka.png&quot; alt=&quot;&quot;/&gt;&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;Koodaa neliö ympyrän osista.&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;&lt;img src=&quot;http://racket.koodiaapinen.fi/tehtavat/nelio_ympyrasta.png&quot; alt=&quot;&quot;/&gt;&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;Koodaa pikseligrafiikkaa esim. tämä ukkeli tai suunnittele oma pikselikuva!&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;td&gt;&#10;&lt;p&gt;&lt;img src=&quot;http://racket.koodiaapinen.fi/tehtavat/ukko.png&quot; alt=&quot;&quot;/&gt;&lt;/p&gt;&#10;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;/tbody&gt;&#10;&lt;/table&gt;</content>
<published>2015-11-06T09:38:28+02:00</published>
</entry>


</feed>