Per poder començar a treballar amb Processing prèviament cal descarregar-lo de processing.org. Es tracta d’un entorn de programacoó gràfic on les coordenades (x, y) i els colors són bàsics.
Hi ha una part del programa, a continguda a dins de “void setup ()”, que només s’executa un cop al principi i que es fa servir per fixar la mida i el color de fons inicial de la finestra.
A continuació, la part del gràfic o dibuix, es col·loca dins de “void draw ()”. Cal tenir present que aquesta part del codi s’executa per ordre i tota l’estona. Sempre que es donen atributs a un element, si no s’indica el contrari aquests atributs s’apliquen a tots els elements. És per això que és aconsellable definir els atributs de tots els elements des de zero. Tal i com es veu en el següent exemple de codi i el seu resultat:
D’altra banda, amb el codi que es veu a continuació, es realitzen les accions següents:
- Es defineixen foto, planeta i planeta1 coma imatges
- Dins de void setup (): es defineix la mida de la finestra; es carreguen les 3 imatges i es posa la imatge “foto” de la mateixa mida de la finestra com a fons
- Dins del void draw (): es donen instruccions perquè en funció de si es presiona 1 o 2 mostri una imatge o una altra i aquesta segueixi el ratolí.
