Processing w praktyce #1 - Grające puszki

Grające Puszki from madmax on Vimeo.

Kurs - 07 - Interakcja z klawiaturą

1. Tworzymy nowy projekt
2. Wpisujemy kod:

void draw()
{
    if (keyPressed)
   {
       if (key == 'b' || key == 'B')
      {
       fill(0);
      }
   }
    else
   {
    fill(255);
   }
  rect(25, 25, 50, 50);
}

3. Objaśnienie kodu:
if - jeżeli (keyPressed) - naciśnięty zostanie przycisk
key == 'b' || key == 'B' - jeżeli przycisk będzie b małe albo B duże to...
fill(0/255) - wypełnienie kolorem obiektów = 0 (czarny) albo 255 (biały)
4. Zachęcam do eksperymentowania z tym krótkim kodem

Kurs - 06 - Ustawienia sceny

1. Tworzymy nowy projekt naciskając CTRL+N
2. W polu edycji wpisujemy:

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

3. Uruchamiamy program naciskając CTRL+R
4. Pojawi się okno:

5. Objaśnienie kodu:
void setup() - funkcja odpowiedzialna za generalne ustawienia programu
{} - pomiędzy klamrami znajdują się funkcje wywołane wewnątrz funkcji void setup();
size(220, 140); - ustawienie rozmiarów okna na długość 220 pikseli na 140 pikseli
background(0,0,255); - ustawienie tła na 0 czerwony, 0 zielony, 255 niebieski
6. Zapisujemy projekt naciskając CTRL + S

Nowa wersja Processing 2.0.1

Nowa wersja Processing 2.0.1 została udostępniona,
można ja ściągnąć z stąd:
http://processing.org/download/

Kurs - 05 - Pierwszy program

1. Uruchamiamy środowisko Processing
2. W pole edycji wpisujemy następujący kod:

rect(35, 30, 35, 35);

3. Uruchamiamy program klikając na przycisk lub naciskając CTRL+R
4. Pojawi się małe okno z białym kwadratem w środku
5. Analiza kodu - tu chyba rozpisywać się za bardzo nie muszę ;)
rect - funkcja utworzenia obiektu prostokąta
parametry w nawiasie ( położenie x, położenie y, wyskość, szerokość )

Pamiętaj, aby każdą funkcje kończyć średnikiem inaczej program nie będzie działać

6. Zachęcam do eksperymentowania z tym prostym kodem np. zmianą parametrów położenia kwadratu itp.