vissza

Példaprogramok:

Egyszerű formák
Változók 1
Változók 2
Feltétel vizsgálat
Rajzolás
Tinta Rajz
Gomb
Gomb saját függvénnyel
Menü rendszer
A for ciklus
Kép lementése
Bug

Utasítások felépítése:

utasítas(paraméter1, paraméter2);

utasítás - zárójel - paraméter, paraméter... - zárójel - pontosvessző

A program föntrol lefele egyesével hajtja végre az utasításokat.

Egy Processing program szerkezete:

void setup()
{
    size(640, 480);
}

void draw()
{
    line(0, 0, 100, 50);
    ellipse(100, 50, 42, 42);
}

A setup rész egyszer a program indításakor fut le.
A draw rész folyamatosan fut, másodpercenként többször (pl.: 60fps) ismétlodik.

Koordináta rendszer:

Rajzolás:

line(x1, y1, x2, y2)
ellipse(x, y, szélesség, magasság)
rect(x, y, szélesség, magasság)
triangle(x1, y1, x2, y2, x3, y3)

Színek:

stroke(R, G, B, ALPHA);
noStroke();
fill(R, G, B, ALPHA);
noFill();
strokeWeight(vastagság);

Változók:

A változók adatok tárolására és manipulására alkalmasak.

típusai:

boolean (true, false)
int (egész szám)
float (törtszám)
char (1 karakter)
String (szöveg)

Rendszerváltozók:

width : ablak szélessége
height : ablak magassága
mouseX : a kurzor X koordinátája
mouseY : a kurzor Y koordinátája
mousePressed : az egér le van -e nyomva (igaz, hamis)
pmouseX : az előző kurzor X
pmouseY : az előző kurzor Y

Matematikai műveletek:

int a = 3;
int b = 7;
int c = a + b;
println(c);

pálda: a = a + 1 azaz: "a" legyen egyenlo, önmaga plusz eggyel, vagyis az "a" értéke eggyel növekszik.

int a = 0;

void setup()
{
    size(640, 480);
}

void draw()
{
    background(255, 255, 255);
    ellipse(a, height/2, 20, 20);
    a = a + 1;
}

Feltétel vizsgálat:

Ha az állítás igaz, csináld ezt, ha nem csináld azt

if (állítás)
{
    csináld ezt
}
else
{
    csináld azt
}

Relációk:

< kisebb
<= kisebb-egyenlő
> nagyobb
>= nagyobb-egyenlő
== egyenlő
!= nem-egyenlő

Egyszerű állítás:

ha a kurzor képernyő jobb oldalán van, csináld ezt...

if (mouseX > width/2)
{
    ...
}

Összetett állítás: ha a kurzor képernyő jobb oldalán van és ha le van nyomva az egér gomb, akkor...

if (mouseX > width/2)
{
    if (mousePressed == true)
    {
        ...
    }
}

vagy másképpen:

if (mouseX > width/2 && mousePressed == true)
{
    ...
}

és: &&
vagy: ||

az "és" és a "vagy" összeköt két vagy több logikai állítást.

Saját függvény (utasítás) készítése:

void rajzoldIde(int x, int y)
{
    ellipse(x, y, 100, 100);
    ellipse(x, y, 100, 10);
    ellipse(x, y, 10, 100);
}

int addOssze(int a, int b)
{
    return a + b;
}