Atividade 2 - Uso do Debug no Processing

Debug é uma ferramenta do processing de auxílio ao desenvolvedor. Ele possibilita a visualização de tudo que está ocorrendo por trás da aplicação, facilitando assim, a busca por possíveis erros para solucioná-los.

O Debug pode ser ativado no símbolo de uma borboleta localizado no canto superior direito da IDE do processing, ou no menu Debug > Enable Debugger.

Ao ativá-lo, o programador tem a opção de pontos de interrupção no código para que a aplicação pare durante a execução no local marcado. Pode ser marcado múltiplas linhas, dependendo da necessidade do desenvolvedor. Para marcar um ponto de interrupção, basta selecionar a linha desejada e acionar o atalho Ctrl+B ou pelo menu Debug > Toggle Breakpoint.
Ao marcar a linha, aparecerá um losango ou o símbolo < > , dependendo da versão da IDE.

Quando o Debug é acionado, é aberto uma janela na qual o programador pode ficar acompanhando os valores das variáveis existentes no código, por base em cada ponto de interrupção que foi criado.

Para exemplificar o uso do debug, desenvolvi uma aplicação em que são desenhados n quadros de 50px de lado cada, da direita para a esquerda da tela.

Para desenvolver a aplicação apenas criei uma variável n para receber a quantidade de quadros a ser desenhado. Defini o tamanho da tela da aplicação em 600x200 através da função size(). Para desenhar os quadrados na tela, é necessário apenas um laço for que vai de 0 a (n-1).

A lógica da aplicação está no controle do eixo x de cada quadrado, e para isso criei uma variável largura que recebe inicialmente 600 (por ser a largura total da tela), e a cada quadrado desenhado a variável largura diminui -50 de seu valor.

O debug seria bastante útil nessa aplicação para acompanhar o funcionamento da variável largura, e do laço for, fazendo com que qualquer problema na execução seja encontrado rapidamente através da ferramenta.

Para baixar o código da aplicação clique aqui