<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="https://peda.net/:static/535/atom.xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>4. Animointi</title>
<id>https://peda.net/id/c7dbffde417</id>
<updated>2019-03-08T10:11:31+02:00</updated>
<link href="https://peda.net/id/c7dbffde417:atom" rel="self" />
<link href="https://peda.net/jyvaskyla/ict/palvelut/ohjelmointi-robotiikka/mp/4-animointi#top" rel="alternate" />
<logo>https://peda.net/:static/535/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>Animointi</title>
<id>https://peda.net/id/d698adc8417</id>
<updated>2019-03-08T10:57:27+02:00</updated>
<link href="https://peda.net/jyvaskyla/ict/palvelut/ohjelmointi-robotiikka/mp/4-animointi/animointi#top" />
<content type="html">Vaikka mikrobitin näyttö koostuu vain 25 ledistä pystyy siinäkin saamaan kuviot eloon esittämällä monta vähän erilaista kuviota peräkkäin.&lt;br/&gt;&#10;&lt;br/&gt;&#10;Käytetään pohjana edellisessä harjoituksessa tehtyä ristiä. Muokkasin sitä vähän, jotta ledit palavat kirkkaimmalla valolla (arvoksi 9). Vaihdoin myös nimeksi risti1.&lt;br/&gt;&#10;&lt;a href=&quot;https://peda.net/jyvaskyla/ict/palvelut/ohjelmointi-robotiikka/mp/4-animointi/animointi/animaatio-png#top&quot; title=&quot;animaatio.png&quot;&gt;&lt;img src=&quot;https://peda.net/jyvaskyla/ict/palvelut/ohjelmointi-robotiikka/mp/4-animointi/animointi/animaatio-png:file/photo/9549d668584257c5910db4db4504670b73da5327/animaatio.png&quot; alt=&quot;&quot; title=&quot;animaatio.png&quot; class=&quot;inline&quot; loading=&quot;lazy&quot;/&gt;&lt;/a&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;Seuraavaksi kopioi kuvion koodia viisi kertaa. Jokaisessa kuviossa muuta ledien voimakkuutta portaittain pienemmäksi. Tässä esimerkissä (9-7-5-3-1-0). Vaihda myös jokaiselle kuvalle eri nimi esim. lisäämällä järjestysnumero nimen perään(risti1, risti2,risti3...).&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;a href=&quot;https://peda.net/jyvaskyla/ict/palvelut/ohjelmointi-robotiikka/mp/4-animointi/animointi/animaatio2-png#top&quot; title=&quot;animaatio2.png&quot;&gt;&lt;img src=&quot;https://peda.net/jyvaskyla/ict/palvelut/ohjelmointi-robotiikka/mp/4-animointi/animointi/animaatio2-png:file/photo/a367b33e3f5329752bb1ead8172df0b9ad2dfadd/animaatio2.png&quot; alt=&quot;&quot; title=&quot;animaatio2.png&quot; class=&quot;inline&quot; loading=&quot;lazy&quot;/&gt;&lt;/a&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;Seuraavaksi tehdään näistä kuvioista animaatio. Se tapahtuu muodostamalla niistä ensin lista. Lista tehdään kirjoittamalla listan nimi ja = merkin oikelle puolelle hakasulkujen sisään listan jäsenet pilkulla erotettuna.&lt;br/&gt;&#10;&lt;strong class=&quot;editor red&quot;&gt;ristit = [risti1, risti2, risti3, risti4, risti 5, risti6] &lt;/strong&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;Sen jälkeen käytetään tuttua &lt;strong class=&quot;editor red&quot;&gt;display.show()&lt;/strong&gt; käskyä jotta saadaan mikrobit näyttämään listan kuvat järjestyksessä. &lt;strong class=&quot;editor red&quot;&gt;delay&lt;/strong&gt; komennolla säädetään kuinka pitkään yksittäinen kuva näkyy (tässä 200 millisekuntia). &lt;strong class=&quot;editor red&quot;&gt;loop=True&lt;/strong&gt; käskyllä mikrobit toistaa listaa aina uudelleen ja uudelleen. Jos et halua looppia päälle vaihda asetukseksi &lt;strong class=&quot;editor red&quot;&gt;loop=False&lt;/strong&gt;.&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;a href=&quot;https://peda.net/jyvaskyla/ict/palvelut/ohjelmointi-robotiikka/mp/4-animointi/animointi/animaatio1-png#top&quot; title=&quot;animaatio1.png&quot;&gt;&lt;img src=&quot;https://peda.net/jyvaskyla/ict/palvelut/ohjelmointi-robotiikka/mp/4-animointi/animointi/animaatio1-png:file/photo/06c6d8cde1827cab8a6bbe027d322d7c061a842b/animaatio1.png&quot; alt=&quot;&quot; title=&quot;animaatio1.png&quot; class=&quot;inline&quot; loading=&quot;lazy&quot;/&gt;&lt;/a&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;strong class=&quot;editor red&quot;&gt;&lt;span class=&quot;p&quot;&gt;&lt;span class=&quot;p&quot;&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;b&gt;Harjoitus:&lt;/b&gt;&lt;span class=&quot;p&quot;&gt;Luo animaatio jossa himmenemisen sijaan laitat kuvion liikkumaan.&lt;/span&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;</content>
<published>2019-03-08T10:19:05+02:00</published>
</entry>


</feed>