Basics:Størrelse og farve

Eksemplet åbner en scene med størrelsen 200x200 pixels.
Baggrunden males rød (rød sættes 255, grøn og blå sættes til 0).
Hovedprogrammet ("void loop()") indeholder kun en kommentar.
Kodelinier, der starter med "//" udføres ikke af computeren (men kan bruges som kommentar eller til at slå kodestumper til/fra).
Eksemplet udfører altså intet i efter at scenen er åbnet.

void setup()
{
size(200,200);
background(255,0,0);
}

void loop()
{
// Dette er en kommentar - der sker intet i hovedløkken
}

Billede:Grafisk figur + Musen

Eksemplet åbner en scene med størrelsen 200x200 pixels.
Baggrunden males hvid (rød, grøn og blå sættes alle til 255).
Hovedprogrammet vælger en udfyldnings-farve. Rød er 255, grøn er sættes lig med musens vandrette position, blå sættes lig med musens lodrette position.
Herefter følger en kodelinie, der er slået fra ved hjælp af kommentar-tegnet.
Der tegnes en rektangel. rektanglen starter i øverste venstre hjørne (0,0) og går til musens position.
De sidste 3 kommandore gentages.

void setup()
{
size(200,200);
background(255);
}

void loop()
{
fill(255,mouseX,mouseY);
//background(255);
rect(0,0,mouseX,mouseY);
}

Billede:Løkker og betingelser

Hovedprogrammet afvikler en løkke, hvor variablen x går fra 0 til 200.
Hver gang løkken gennemløbes, adderer vi 10 til x.
I hovedløkken vælger vi udfyldningsfarven rød (255,0,0).
Der tegnes en rektangel, der starter i (x,100). Bredden er 5 pixels. Højden er x/2 pixels.
Hovedløkken indeholder et betingel afsnit: Hvis x er mindre en musens vandrette position, ændres udfyldningsfarven til gul (255,255,0).

void setup()
{
size(200,200);
background(255);
}

void loop()
{
for (int x=0; x<200; x=x+10)
{
fill(255,0,0);
if(x<mouseX)
{
fill(255,255,0);
}
rect(x,100,5,x/2);
}
}

Links

Processing website

Processing ordbog

Processing eksempler

- - -

Powerpoint fra introduktionen

- - -

Kode til placering af text

Mogens Jacobsen & Martin Pingel. 2004