Esimerkki: avaruusaluksen liikuttelu
Voidaanko kuvaa liikutella nuolinäppäimillä? Kyllä voi. Katsotaan asiaa esimerkin avulla.
// Ohjelman tehnyt e-Oppi Oy
// 30.8.2017
PImage alus1; // Kuva-muuttuja
int a = 0; // Aluksen vaakakoordinaatti
int b = 0; // Aluksen pystykoordinaatti
void setup () {
size(600,600); // Ikkunan koko
frameRate(100); // Ikkunan päivitysnopeus
alus1 = loadImage("alus1.png"); // Sijoitetaan kuva-muuttujalle kuva
}
void draw () {
translate(width/2,height/2); // Origo (0,0) keskelle ikkunaa
background(255); // taustan väri valkea
// Aluksen liikuttelu nuolinäppäimillä
if (keyPressed == true){ // Jos on näppäintä painettu
if (keyCode == RIGHT) { // Jos painetaan nuoli oikealle
if (a < 200) { // Jos oikeaa reunaa ei ole vielä saavutettu
a++; // niin kasvata laskuria eli liiku oikealle
}
}
if (keyCode == LEFT) { // Jos painetaan nuoli vasemalle
if (a > -300) { // Jos vasenta reunaa ei ole vielä saavutettu
a--; // niin pienennä laskuria eli liiku vasemmalle
}
}
if (keyCode == DOWN) { // Jos painetaan nuoli alas
if (b < 200) { // Jos alareunaa ei ole vielä saavutettu
b++; // niin kasvata laskuria eli liiku alas
}
}
if (keyCode == UP) { // Jos painetaan nuoli ylös
if (b > -300) { // Jos yläreunaa ei ole vielä saavutettu
b--; // niin pienennä laskuria eli liiku ylös
}
}
}
image(alus1,a,b,100,100); // Näytetään kuva
}
Ohjelman suoritus näyttää tältä.
Tallenna tarvittavat kuvatiedostot samaan kansioon kuin olet tallentanut ohjelmankin. Ohjelma on pde-loppuinen. Kuvat ovat png-loppuisia. Kuvien piirtelyyn hyvä ohjelma on Inkscape. Jos tarvitset apua piirto-ohjelman käyttöön, niin apua saat e-Opin kirjasta: Bitti2 - Inkscape harjoituskirja.

