http://labduino.blogspot.

com/
Tutorial – Processing+Arduino

Tutorial: Visualização de sinais em tempo real com

o Processing e Arduino.

Arduinoscope

Para visualização gráfica de dados em tempo real existe uma boa opção que é o
Arduinoscope. A seguir daremos o passo a passo para você conseguir visualizar seus
dados em tempo real.

1. “Instale” o Processing no seu PC: http://processing.org/download/

2. Baixe a biblioteca “arduino” para o Processing

http://arduino.cc/playground/uploads/Interfacing/processing-arduino-0017.zip

3. Descompacte esta pasta e copie na pasta Sketchbook do Processing. Para

localizar esta pasta clique em “File” e “Preferences” do Processing

4. Baixe a biblioteca “arduinoscope” para o Processing no link

http://arduinoscope.googlecode.com/files/processing-arduinoscope.zip e
descompacte esta pasta também no Sketchbook do Processing (exatamente
como no item anterior)
 http://labduino.blogspot.com/
Tutorial – Processing+Arduino

5. Você deverá rodar os dois programas “Arduino” e “Processing”

simultaneamente. Deverá, portanto fazer o upload no Arduino e em seguida
rodar o gráfico ou aplicativo no Processing. Agora vamos baixar o programa
que deverá “rodar” no Arduino. Chamaremos este arquivo de Arduinoscope.
Baixe o este programa no link
http://arduinoscope.googlecode.com/files/arduino-arduinoscope.pde .

6. Em seguida faça o upload do programa no Arduino. Você pode também criar

uma pasta em Sketchbook do Arduino, que é localizada do mesmo modo que
no Processing. Nesta pasta crie uma pasta Arduinoscope e copie o arquivo .pde.
Este procedimento facilita a localização do programa para outras aplicações

7. Após fazer upload do “arduinoscope” no Arduino, abra o Processing e clique

em Sketchbook e localize o Arduinoscope. Abra, por exemplo
SimpleSerialArduinoscope, como mostra a figura. Pronto agora você já pode
visualizar os seus dados em tempo real.
 http://labduino.blogspot.com/
Tutorial – Processing+Arduino

Osciloscópio ZOOM

1. Adote o procedimento anterior e baixe o arquivo que deverá pertencer ao

Porcessing “Sketchbook”. Para baixar o código do processing clique em
http://accrochages.drone.ws/sites/accrochages.drone.ws/files/Oscilloscope_Zo
om.pde

2. Em seguida baixe o código que deve rodar no Arduíno e clique aqui para baixar
o arquivo
http://accrochages.drone.ws/sites/accrochages.drone.ws/files/oscilloscope.h

3. Pronto, agora você pode visualizar seus dados em tempo real em uma tela de
melhor resolução.
 http://labduino.blogspot.com/
Tutorial – Processing+Arduino

Outras visualizações gráficas

No link http://www.arduino.cc/playground/Portugues/LearningGraph temos
disponivel uma outra forma de visualização gráfica através do Processing.

Copie o codigo fonte abaixo e cole no Processing

Código Processing

Código Processing (para baixar clique aqui)

// Gráfico
// por David A. Mellis
//
// Demonstra a leitura de dados vindos a partir da placa Arduino
// por meio do desenho de um gráfico dos valores recebidos.
//
// baseado em Analog In
// por <a href="http://itp.jtnimoy.com">Josh Nimoy</a>.

import processing.serial.*;

Serial port;
String buff = "";
int NEWLINE = 10;

// Armazene os últimos 64 valores recebidos de forma que possamos

desenhá-los
int[] values = new int[64];

void setup()
{
size(512, 256);

println("Portas seriais disponíveis:");

println(Serial.list());

// Use a primeira porta da lista (número 0). Mude esta parte

// conforme a porta correspondente a sua placa Arduino. O último
// parâmetro (9600) é a velocidade de comunicação. Ela
// deve corresponder ao valor passado ao Serial.begin() em seu
// esboço Arduino.
port = new Serial(this, Serial.list()[0], 9600);// atenção para esta
linha verifique a porta que você está utilizando no Arduino (clique em
 http://labduino.blogspot.com/
Tutorial – Processing+Arduino

“Tools” e em “serial port” no Arduino que você consegue visualizar a

porta!

// se você conhecer o nome da porta usada pela placa Arduino,

// também pode especificá-la diretamente, como segue.
//port = new Serial(this, "COM1", 9600);
}
void draw()
{
background(53);
stroke(255);

// Desenhe os valores guardados com uma linha entre os pontos.

for (int i = 0; i < 63; i++)
line(i * 8, 255 - values[i], (i + 1) * 8, 255 - values[i + 1]);

while (port.available() > 0)

serialEvent(port.read());
}
void serialEvent(int serial)
{
if (serial != NEWLINE) {
// Armazene todos os caracteres na linha
buff += char(serial);
} else {
// O final de cada linha é marcado com dois caracteres: um retorno
// de carro e um nova linha. Chegamos aqui porque temos um nova
linha,
// mas ainda precisamos excluir o retorno de carro.
buff = buff.substring(0, buff.length()-1);

// Transforme a string em inteiro. Dividimos por 4 porque

// as entradas analógicas vão de 0 a 1023, enquanto que as cores
// em Processing vão apenas de 0 a 255.
int val = Integer.parseInt(buff)/4;

// Limpe o valor contido em "buff"

buff = "";
// Desloque os valores existentes para liberar espaço para novos
valores.
for (int i = 0; i < 63; i++)
values[i] = values[i + 1];

// Inclua ao vetor o valor recebido

values[63] = val;
}
}
 http://labduino.blogspot.com/
Tutorial – Processing+Arduino

Código Arduino

Código Arduino (para baixar clique aqui)

void setup()
{
Serial.begin(9600);
}

void loop()
{
Serial.println(analogRead(0));
delay(20); // varie este delay e verifique o que ocorre!!
}

Outros exemplos gráficos com o Processing disponível em

http://webzone.k3.mah.se/projects/arduino-
workshop/projects/arduino_meets_processing/instructions/ldr.html