https://peda.net/id/7782a8d8fb9 2026-01-27T17:04:24+02:00 https://peda.net/:static/539/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/bd47e756fb9 2026-01-27T17:13:30+02:00 <h3><strong><span>Tavoite:</span></strong><span> tehdä peliin sopiva hahmo (sprite) ja taustakuva ilman aiempaa GIMP-osaamista</span></h3> <blockquote> <p><span>Tee tehtävät järjestyksessä. Etene omaan tahtiin. Jos ehdit, tee lisätehtäviä.</span></p> </blockquote> <br/> <h2><span>MITÄ TEET TÄNÄÄN?</span></h2> <p><span>Tunnin lopussa sinulla on:</span></p> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>✅ </span><strong><span>1 pelihahmo (sprite)</span></strong><span> läpinäkyvällä taustalla (PNG)</span></p> </li> <li> <p><span>✅ </span><strong><span>1 yksinkertainen taustakuva</span></strong><span> (PNG)</span></p> </li> </ul> <p><span>Kuvia voi myöhemmin käyttää selainpelissä.<br/> <br/> </span>Tallenna kuvasi MS O365 OneDriveen!<br/> <br/> </p> <h2><span>OSA 1 – GIMP käyntiin (5 min)</span></h2> <ol start="1"><!--filtered attribute: data-spread="false"--> <li> <p><span>Avaa </span><strong><span>GIMP 2.10</span></strong></p> </li> <li> <p><span>Sulje mahdolliset aloitusikkunat</span></p> </li> <li> <p><span>Älä pelästy: tarvitset tänään vain </span><strong><span>muutamaa työkalua</span></strong></p> </li> </ol> <div><hr></hr></div> <h2><span>OSA 2 – Pelihahmon (sprite) tekeminen (n. 30 min)</span></h2> <h3><span>1. Luo uusi kuva</span></h3> <ol start="1"><!--filtered attribute: data-spread="false"--> <li> <p><strong><span>Tiedosto → Uusi</span></strong></p> </li> <li> <p><span>Kuvan koko:</span></p> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>Leveys: </span><strong><span>128 px</span></strong></p> </li> <li> <p><span>Korkeus: </span><strong><span>128 px</span></strong></p> </li> </ul> </li> <li> <p><span>Lisäasetukset → </span><strong><span>Täyttö: Läpinäkyvyys</span></strong></p> </li> <li> <p><span>OK</span></p> </li> </ol> <blockquote> <p><span>🔍 Ruutukuvio tarkoittaa läpinäkyvää taustaa – juuri sitä peli tarvitsee.</span></p> </blockquote> <div><hr></hr></div> <h3><span>2. Piirrä pelihahmo</span></h3> <p><span>Valitse yksi yksinkertainen hahmo:</span></p> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>pallo</span></p> </li> <li> <p><span>neliö</span></p> </li> <li> <p><span>avaruusalus</span></p> </li> <li> <p><span>hirviö</span></p> </li> <li> <p><span>emoji-tyylinen hahmo</span></p> </li> </ul> <p><span>Käytä vain näitä työkaluja:</span></p> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>🖌️ </span><strong><span>Sivellin</span></strong><span> (P)</span></p> </li> <li> <p><span>✏️ </span><strong><span>Kynä</span></strong><span> (N)</span></p> </li> <li> <p><span>⬛ </span><strong><span>Suorakulmio / Ellipsi</span></strong></p> </li> <li> <p><span>🪣 </span><strong><span>Täyttö</span></strong></p> </li> <li> <p><span>🎨 </span><strong><span>Värivalinta</span></strong></p> </li> </ul> <p><span>Vinkkejä:</span></p> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>Iso ja selkeä toimii parhaiten</span></p> </li> <li> <p><span>Vältä pieniä yksityiskohtia</span></p> </li> <li> <p><span>Käytä rohkeita värejä</span></p> </li> </ul> <div><hr></hr></div> <h3><span>3. Tallenna hahmo</span></h3> <ol start="1"><!--filtered attribute: data-spread="false"--> <li> <p><strong><span>Tiedosto → Vie nimellä</span></strong></p> </li> <li> <p><span>Nimeä: </span><code><span>hahmo.png</span></code></p> </li> <li> <p><span>Muoto: </span><strong><span>PNG-kuva</span></strong></p> </li> <li> <p><span>Vie</span></p> </li> </ol> <p><span>⚠️ Älä käytä JPG-muotoa – se ei tue läpinäkyvyyttä.</span></p> <div><hr></hr></div> <h2><span>OSA 3 – Taustakuvan tekeminen (n. 25 min)</span></h2> <h3><span>1. Uusi kuva taustaa varten</span></h3> <ol start="1"><!--filtered attribute: data-spread="false"--> <li> <p><strong><span>Tiedosto → Uusi</span></strong></p> </li> <li> <p><span>Koko:</span></p> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>800 × 600 px </span><strong><span>tai</span></strong><span> 1024 × 576 px</span></p> </li> </ul> </li> <li> <p><span>Täyttö: </span><strong><span>Valkoinen</span></strong><span> (tai taustaväri)</span></p> </li> </ol> <div><hr></hr></div> <h3><span>2. Tee pelitausta</span></h3> <p><span>Ideoita:</span></p> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>taivas ja maa</span></p> </li> <li> <p><span>avaruus</span></p> </li> <li> <p><span>yksinkertainen kenttä</span></p> </li> <li> <p><span>abstrakti väripinta</span></p> </li> </ul> <p><span>Sallitut työkalut:</span></p> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>Täyttö</span></p> </li> <li> <p><span>Sivellin</span></p> </li> <li> <p><span>Liukuväri (valinnainen)</span></p> </li> <li> <p><span>Muodot</span></p> </li> </ul> <blockquote> <p><span>🎮 Muista: pelitaustan pitää olla </span><strong><span>selkeä</span></strong><span>, ei liian levoton.</span></p> </blockquote> <div><hr></hr></div> <h3><span>3. Tallenna tausta</span></h3> <ol start="1"><!--filtered attribute: data-spread="false"--> <li> <p><strong><span>Tiedosto → Vie nimellä</span></strong></p> </li> <li> <p><span>Nimi: </span><code><span>tausta.png</span></code></p> </li> <li> <p><span>Muoto: PNG</span></p> </li> </ol> <div><hr></hr></div> <h2><span>OSA 4 – Tarkistus (5 min)</span></h2> <p><span>Varmista, että hahmo.png ja tausta.png tulevat tallennetuksi MS O365 pilveen eli OneDriveen.</span></p> <div><hr></hr></div> <h2><span>LISÄTEHTÄVÄT (jos ehdit)</span></h2> <h3><span>⭐ Helppo lisätehtävä</span></h3> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>Tee </span><strong><span>toinen hahmo</span></strong><span> (esim. vihollinen tai kerättävä esine)</span></p> </li> </ul> <h3><span>⭐⭐ Keskitaso</span></h3> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>Tee hahmosta </span><strong><span>kaksi versiota</span></strong><span> (eri väri, koko tai muoto)</span></p> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>esim. </span><code><span>hahmo_normaali.png</span></code><span> ja </span><code><span>hahmo_osuma.png</span></code></p> </li> </ul> </li> </ul> <h3><span>⭐⭐⭐ Haastava</span></h3> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>Kokeile:</span></p> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>kiertoa</span></p> </li> <li> <p><span>skaalausta</span></p> </li> <li> <p><span>varjoa tai ääriviivaa<br/> <br/> </span></p> </li> </ul> </li> </ul> <h3><span>⭐</span><span>⭐</span><span>⭐</span><span>⭐⭐ EXTRA<br/> </span></h3> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>Kokeile:</span></p> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>Saatko jo käytettyä kuvia selaimeen tehdyssä pelissä, kuten olet aiemmin kehitellyt peliä tekoälyn avulla.</span></p> </li> </ul> </li> </ul> <div><hr></hr></div> <h2><span>ONGELMATILANTEET</span></h2> <ul><!--filtered attribute: data-spread="true"--> <li> <p><strong><span>Tausta ei ole läpinäkyvä?</span></strong><span> → Varmista, että aloitit kuvan läpinäkyvällä taustalla ja tallensit PNG</span><span>:n</span><span>ä</span></p> </li> <li> <p><strong><span>En keksi mitä piirtäisin?</span></strong><span> → Tee pallo. Se riittää peliin täydellisesti.</span></p> </li> <li> <p><strong><span>En ehdi valmiiksi?</span></strong><span> → Tallenna työ. Jatkat myöhemmin.</span></p> </li> </ul> <div><hr></hr></div> <h2><span>MUISTA</span></h2> <p><span>Tässä tehtävässä:</span></p> <ul><!--filtered attribute: data-spread="false"--> <li> <p><span>ei arvioida taiteellisuutta</span></p> </li> <li> <p><span>tärkeintä on, että kuva </span><strong><span>toimii pelissä</span></strong></p> </li> </ul> <p><span>Hyvin tehty = valmis ja käytettävä kuva 👍</span></p> 2026-01-27T17:13:30+02:00