Fazendo o jogo do Pong com o arduino

O jogo do Pong é o primeiro videogame com fins lucrativos. O jogo é composto de duas "raquetes" (uma para cada jogador) e o objetivo é rebater a bola, evitando o ponto do seu oponente.

A imagem acima dá uma idéia melhor de como o jogo funciona. A idéia deste projeto é utilizar dois potenciômetros ao arduino e enviar a posição angular do potenciômetro para o computador através da comunicação serial. Utilizando o processing, vamos ler a porta serial e utilizar os dados recebidos para definir a posição das raquetes. A montagem do circuito é trivial.

O código do arduino é igualmente simples. Vamos ler os valores das portas analógicas e passá-los através da comunicação serial, no seguinte formato: os dois valores dos potenciômetros separados por ";".

0. void setup(){
1.  Serial.begin(9600);
2. }
3. void loop(){
4.  Serial.print(analogRead(A0));
5.  Serial.print(";");
6.  Serial.println(analogRead(A2));
7. }

Simples assim, sem nenhum mistério. Agora só precisamos fazer o código do processing para receber e interpretar as informações. Não irei colocar muitos comentários sobre o código, se alguém tiver alguma dúvida, pode postar nos comentários que eu respondo.

0. // Importa a biblioteca de comunicação serial
1. import processing.serial.*;
2.  
3. Serial myPort;        // Cria um objeto
4. float raio = 20;  //Raio da bola
5. int X, Y;    //Posição X e Y da bola
6. float vx=2, vy=2; // Componentes X e Y da velocidade da bola
7. float vx0=vx, vy0=vy; // Velocidades iniciais
8. int p1=0;  //Pontuação do jogador 1 e 2
9. int p2=0;
10. int x1=15; // Posição X das duas "raquetes"
11. int x2=785;
12. float y1=0;  // Posição Y das duas "raquetes"
13. float y2=0;
14. int tam=100; // tamanho da raquete
15. String[] vector;
16. 
    
17. void setup(){
18.   size( 800, 400 );  //tamanho da janela
19.   myPort = new Serial(this, Serial.list()[0], 9600); // Inicia a comunicação com a porta serial 0
20.   PFont f = createFont("SansSerif", 40, true);  //Define a fonte utilizada no placar
21.   textFont(f,40);  
22.   strokeWeight( 1 );  // Largura das linhas
23.   frameRate( 44 );  // Velocidade dos quadros
24.   X = width / 2;
25.   Y = (height-100) / 2;
26.   myPort.bufferUntil('\n');  //Só inicia quando houver a primeira comunicação serial.
27. }
28. 
    
29. 
    
30. void draw(){
31.   background( 255 );  //Define a cor de fundo
32.   ////////////////////////////////////////////////////
33.   //  Pega as informações recebidas pela porta
34.   // serial e atribui as posições X e Y das raquetes
35.   ////////////////////////////////////////////////////
36.   if(myPort.available()>1){
37.     String inString= myPort.readString(); // Lê tudo que foi obtido pela porta serial
38.     String[] teste =split(inString,"\n"); // Divide em linhas
39.     String[] vector = split(teste[teste.length-2],";");  // pega a penúltima e separa num vetor
40.      y1 = float(vector[0]);
41.      y2 = float(vector[1]);
42.      y1 = map(y1, 0, 1023, 0, height-tam-100); // renormaliza pelo tamanho útil da janela.
43.      y2 = map(y2, 0, 1023, 0, height-tam-100);
44.   }
45.  
46.   fill( 0, 121, 184 );
47.   ellipse( X, Y, raio, raio );
48.   fill(255,0,0);
49.   rect(x1,y1,-10,tam);  
50.   fill(0,0,255);
51.   rect(x2,y2,10,tam);
52.   X+=vx;
53.   Y+=vy;
54.   ////////////////////////////////////
55.   // Colisão com as raquetes
56.   ////////////////////////////////////
57.   if(X < x1+raio/2 && (Y > y1 && Y < y1+tam)){
58.     X-=vx;
59.     vx*=-1.1;
60.   }
61.   if(X > x2-raio/2 && (Y > y2 && Y < y2+tam)){
62.     X-=vx;
63.     vx*=-1.1;
64.   }
65.   ////////////////////////////////
66.   //Fronteiras horizontais
67.   ////////////////////////////////
68.   if(X > x2-raio/2 || X < x1-raio/2){
69.     if(X > x2-raio/2){
70.       p1++;
71.     }
72.     if(X < x1-raio/2){
73.       p2++;
74.     }
75.     X = width / 2;
76.     Y = (height-100) / 2;
77.     vx0=-1*vx0;
78.     vx=vx0;
79.     vy=vy0;
80.     fill( 0, 121, 184 );
81.     ellipse( X, Y, raio, raio );
82.     vx=vx0;
83.     vy=vy0;
84.     delay(2000);
85.   }
86.   /////////////////////////////////////////
87.   // Fronteiras verticais
88.   ////////////////////////////////////////
89.   if(Y > height-100-raio/2 || Y < raio/2){
90.     Y-=vy;
91.     vy*=-1;
92.   }
93.   /////////////////////////////////////////
94.   // Placar
95.   /////////////////////////////////////////
96.   fill(0);
97.   line(0,height-100,width,height-100);
98.   text("Placar:",10,height-10);
99.   fill(255,0,0);
100.   text(p1, 350, height-10);
101.   fill(0);
102.   text("X",400,height-10);
103.   fill(0,0,255);
104.   text(p2, 450, height-10);
105. }
106.