Sistemas de CoordenadasAntes de programarmos um aplicativo visual, devemos entender como cada objeto e posicionado na tela do computador, para que assim possamos gerar o codigo que ira desenhar nossa tela. Nosso monitor pode ser visto como um plano cartesiano, onde a origem esta no canto superior esquerdo e a unidade de medida e (genericamente) o tamanho de 1 pixel, ou seja cada par coordenadas resultara na posicao de um pixel na tela. Diferente doque vimos no plano cartesiano, o eixo Y ( vertical ), cresce de cima para baixo, e nao de baixo para cima.Exemplo:Consequentemente, veja a diferenca ao desenhar um quadrado 3x3 a partir deste mesmo ponto.Perceba que no monitor, contam-se os quadrados entre as coordenadas (pixels) pois eles sao a menor unidade de medida da tela. Como todo programa, o seu aplicativo podera ser visualizado em tela cheia ou em modo janela, no caso da tela cheia a origem esta no canto superior esquerdo do monitor, caso em modo janela, a origem estara posicionada no canto superior esquerdo da janela, e se movera caso a janela seja movida.Formas BasicasO Processing possui diversas funcoes para criacao de imagens, dentre as mais simples estao as formas geometricas basicas:=> point(x,y) - Desenha um ponto nas coordenadas x,y da tela.=> line(x1,y1,x2,y2) - Desenha uma linha entre as posicoes x1,y1 e x2,y2.=> rect(x,y,c,h) - Desenha um retangulo na posicao x,y, com o comprimento c e atura h.=> ellipse(x,y,c,h) - Desenha uma elipse, na posicao x,y, com o comprimento c e atura h.Essas sao as formas padroes de se desenhar essas formas, mas pode-se usar funcoes modificadoras para alterar a forma como uma figura e desenhada. Neste ultimo desenha perceba a linha de codigo "ellipseMode(CENTER);" ela altera a forma de posicionamento e faz com que a funcao seja interpretada assim de forma que a posicao x,y dada sera o centro da figura, enquanto o modificador "ellipseMode(CORNERS);" fara com que os parametros c e h sejam interpretados como x2 e y2 respectivamente.Exemplo: size(200,200);rectMode(CENTER);rect(100,100,20,100);ellipse(100,70,60,60);ellipse(81,70,16,32); ellipse(119,70,16,32); line(90,150,80,160);line(110,150,120,160); Ola, gostaria de pedir desculpas pelo tempo sem atualizacao, estive meio desmotivado para postar aqui, mas em fim, vamos la.Tanto o Processing como o Arduino ja possuem bibliotecas prontas para uma comunicacao eficaz entre eles, e neste post veremos como comecar a utilizar tais recursos.Para comecar faca o download da biblioteca Arduino para o processing, ja que ela nao e nativa do programa.processing-arduino-0017.zipExtraia o arquivo zip dentro da pasta "libraries" no Processing, para que voce possa utiliza-la.A seguir, no Arduino, abra o exemplo "Standard Firmata" e faca o upload na sua placa, este exemplo contem o Firmware necessario para interagir diretamente PC-Arduino, este programa e uma ligacao entre todos os recursos do arduino e a sua comunicacao serial, assim voce podera acessar "diretamente" os valores nas suas entradas digitais e ate mesmo escrever valores nas saidas do Arduino interagindo apenas com o seu PC, em outras palavras, voce transforma o arduino em um "periferico" do seu pc e pode controlar ele diretamente.Voltando.Se voce ja fez o upload do Firmata para a sua placa, ela nao precisa de mais nada para funcionar!