Bibliotecas

Neste artigo daremos um passo a mais na linguagem Processing. Continuando o artigo anterior (Processing - Programação para dispositivos móveis), veremos como inserir interação com o usuário.

A interação com nossos programas poderá ser tanto com o mouse, como com o teclado. Mais à frente veremos como utilizar o touchscreen dos dispositivos. Mas primeiro vejamos como acrescentar algumas possibilidades ao Processing que não estão originalmente disponíveis na linguagem.

A linguagem Processing é bem enxuta. Ou seja, só está nela o que realmente importa para o objetivo da linguagem. Mas a comunidade em volta dela é muito forte e temos diversas bibliotecas que expandem sua capacidade. Essas bibliotecas facilitam nosso trabalho de diversas formas. Há bibliotecas para design de interfaces gráficas, para lidar com vídeos, som e imagem, jogos, geometria e algo mais.

Para instalar uma biblioteca o procedimento é bem fácil. Clique no menu "Sketch" e leve o mouse até "Import Library". Você verá algumas opções. Entre elas, uma lista com as suas bibliotecas já instaladas. Mas a primeira delas será "Add library", conforme você vê na figura abaixo. Você então verá uma janela com as bibliotecas disponíveis. Cada uma tem seu nome e uma breve descrição. Clique na biblioteca que quiser instalar e depois em Install (um botão que aparece ao lado da descrição da biblioteca). Pronto. A biblioteca será instalada e você poderá usar suas funções. Para isso, basta usar um "import NOMEDABIBLIOTECA" para ter acesso a ela.

No momento não utilizaremos bibliotecas em nossos exemplos. Elas serão muito úteis nos artigos posteriores, quando lidaremos com programas com alta interação com usuários e utilização dados, tanto locais como na nuvem. Siga adiante e comece a escrever códigos para interagir com o usuário.

Interação usando o mouse

Veja este primeiro exemplo de interação utilizando o mouse.

int x = 1;

void setup() {
  size(480,360);
  smooth();
}

void draw() {
  if (x == 1)
    background(0,0,0);

  if (x == (-1))
    background(200,0,0);
}

void mousePressed() {
  x = x*(-1);
}

Compile/rode o programa. É um código bem simples, mas suficiente para entendermos bastante do processo de interação. Começamos com a declaração de uma variável. Ela serve de controle para a mudança de cor do background. Lembrando que a função "draw()" é executada continuamente, só inserimos nela a verificação do valor da variável x. Se o valor de x for 1, temos uma cor de fundo preta. Se for -1, temos a cor de fundo vermelha.

As regras da dinâmica estão na função mousePressed. Ela é própria do Processing e verifica se algum botão do mouse foi pressionado. Se sim, ela executa o que estiver dentro escrito dentro da função. Como alteramos o valor de x cada vez que a função mousePressed é chamada, a função "draw()" recebe um valor diferente de x. A consequência é a alteração da cor de fundo.

Podemos explorar um pouco mais o uso do mouse. Veja esta adaptação do código anterior.

int x = 0;

void setup() {
  size(480,360);
  smooth();
}

void draw() {
  background(0,0,0);
  if (x == 1)
    background(0,0,200);

  if (x == 2)
    background(200,0,0);

}

void mousePressed() {
  if (mouseButton == RIGHT)
    x = 1;

  if (mouseButton == LEFT)
    x = 2;

}

Note que dentro da função mousePressed, podemos também verificar qual botão do mouse foi clicado. Em nosso código, alteramos a cor de fundo da janela dependendo de qual botão o usuário clicou.