Esimerkin kuvaus

Tässä esimerkissä luomme piirtokankaalle erilaisia objekteja. Aloitamme yksinkertaisten kuvioiden piirtämisestä. Piirrämme erivärisen ympyrän, kolmion ja neliön.

Koodin kirjoittaminen ja suorittaminen

Ohjelmassa koodi kirjoitetaan valkoiselle alueella, jossa kursori vilkkuu (Kuvan kohta 1). Koodi suoritetaan painamalla "play"-nappia (Kuvan kohta 2).



Koodin esittely

Koodi kokoisuutena näkyy alla olevassa kuvassa.



Kahdella peräkkäisellä kenoviivalla ("//" ) aloitetaan yhden rivin pituinen kommentti. Kommentit on tarkoitettu ohjelmoijalle avuksi. Tietokone ei välitä kommenteista koodin suorituksen aikana.

Käsky "size(600, 400);" asettaa piirtokankaan koon. Ohjelma muodostuu peräkkäisistä käskyistä. Käskyt kirjoitetaan (yleensä) aina omille riveilleen (yksi käsky per rivi). Merkki ";" päättää käskyn.

Käsky "fill(180,120,80);" valitsee käytössä olevan värin.

Käsky "ellipse(25, 25, 50,50);" piirtää ympyrän. Luvut 25 ovat ympyrän keskipiste piirtokankaalla ja luvut 50 ovat ellipsin halkaisijat. Käskyjen perässä suluissa olevia lukuja eli ominaisuuksia kutsutaan parametreiksi.

Käsky "triangle(30, 75, 58, 20, 86, 75);" piirtää kolmion. Voit kokeilla itse, miten parametrit vaikuttavat.

Käsky "rect(30, 20, 55, 55);" piirtää neliön. Huomaa, että käskyjen järjestys määrää myös piirtojärjestyksen.

Voit kopioida koodin tiedostona täältä esimerkki1.pde​

Suoritettu koodi näyttää tältä:


Ohjelman tallentaminen

Tallenna oma koodisi klikkaamalla "File" oikeasta yläkulmasta. Sieltä löytyy "Save as..". Näin syntyy tiedosto, joka voidaan avata Processing-ohjelmointiohjelmassa. Palauta aina tekemäsi tehtävät pedanettiin tällaisina tiedostoina.