LABORATORIO 6

LABORATORIO 6

DESCRIPCIÓN DEL LABORATORIO :

Controlaré a través de Arduino un LED RGB puesto en una protoboard, vía PWM con una interfaz gráfica en Processing/ControlP5 para controlar el valor de cada color.

MATERIALES UTILIZADOS

(1) Protoboard

(1) Led

Cable utp

(1) Arduino uno

(2) Resistencias

     

DIAGRAMA DEL MONTAJE EN LA PROTOBOARD

DIAGRAMA DEL MONTAJE EN EL CIRCUITO

FOTOS DEL MONTAJE

CÓDIGO ARDUINO

1. // Pines usados para el RGB (9-10) todos
2. // son salidas digitales PWM (~)
3.  
4. int Red = 9;
5. int Gre = 10;
6. int Blu = 11;
7. int valor = 0;
8.  
9. // Ciclo para activar los tres pines como salida
10. void setup() {
11.   pinMode(9, OUTPUT);
12.   pinMode(10, OUTPUT);
13.   pinMode(11, OUTPUT);
14.   //Comunicación serial a 9600bps
15.   Serial.begin(9600);
16. }
17.  
18.  
19. // Recibe la información de manera serial del processing
20. // diferenciando la información del color rojo por la letra "R"
21. // la información del color verde por la letra "G" y
22. // la información del color azul por la letra "B"
23. void loop() {
24.   if (Serial.available()>0) {
25.     char Color = Serial.read();
26.     if (Color == 'R'){
27.       valor = Serial.parseInt();
28.       analogWrite(Red,valor);
29.     }
30.     if (Color == 'G'){
31.       valor = Serial.parseInt();
32.       analogWrite(Gre,valor);
33.     }
34.     if (Color == 'B'){
35.       valor = Serial.parseInt();
36.       analogWrite(Blu,valor);
37.     }  
38.   }

CÓDIGO PROCESSING

1. 
   
2. // Se utiliza las librerias ControlP5 y Serial del Processing
3. import controlP5.*;
4. import processing.serial.*;
5. 
   
6. // Se define la variable cP5 del tipo ControlP5
7. ControlP5 cP5;
8. 
   
9. // Se le da nombres a los tres Knob y al Serial
10. Knob PerRed;
11. Knob PerGre;
12. Knob PerBlu;
13. Serial serial;
14. 
    
15. // Se necesitan inicializar el valor de los colores RGB
16. // en este caso lo hacemos en 128
17. int Red = 128;
18. int Gre = 128;
19. int Blu = 128;
20. 
    
21. // Configuración inicial
22. void setup() {
23.   size(700, 550);  //Tamaño de la ventana
24. 
    
25.   cP5 = new ControlP5(this);  //Crea el objeto ControlP5
26. 
    
27.   // Crea el Knob del color Rojo
28.   PerRed = cP5.addKnob("R")
29.     .setRange(0, 255)
30.       .setValue(86)
31.         .setPosition(100, 280)
32.           .setRadius(100)
33.             .setNumberOfTickMarks(20)
34.               .setTickMarkLength(8)
35.                 .setLabelVisible(false)
36.                   .setColorForeground(color(255))
37.                     .setColorBackground(color(0))
38.                       .setColorActive(color(255, 0, 0))
39.                         .setDragDirection(Knob.HORIZONTAL)
40.                           ;
41.   // Crea el Knob del color Verde
42.   PerGre = cP5.addKnob("G")
43.     .setRange(0, 255)
44.       .setValue(128)
45.         .setPosition(250, 110)
46.           .setRadius(100)
47.             .setNumberOfTickMarks(20)
48.               .setTickMarkLength(8)
49.                 .setLabelVisible(false)
50.                   .setColorForeground(color(255))
51.                     .setColorBackground(color(0))
52.                       .setColorActive(color(0, 255, 0))
53.                         .setDragDirection(Knob.HORIZONTAL)
54.                           ;
55.   // Crea el Knob del color Azul
56.   PerBlu = cP5.addKnob("B")
57.     .setRange(0, 255)
58.       .setValue(170)
59.         .setPosition(400, 280)
60.           .setRadius(100)
61.             .setNumberOfTickMarks(20)
62.               .setTickMarkLength(8)
63.                 .setLabelVisible(false)
64.                   .setColorForeground(color(255))
65.                     .setColorBackground(color(0))
66.                       .setColorActive(color(0, 0, 255))
67.                         .setDragDirection(Knob.HORIZONTAL)
68.                           ;
69. 
    
70.   String puerto = Serial.list()[0];
71.   serial = new Serial(this, puerto, 9600);
72. }
73. 
    
74. // Se dibuja cada frame
75. void draw() {
76.   background(0xFF444444);  //Color Gris del fondo
77. 
    
78.   fill(Red, Gre, Blu);
79.   rect(50, 90, 600, 415);
80.   fill(0xFF444444);
81.   rect(55, 95, 590, 405);
82.   fill(Red, 0, 0);
83.   ellipse(200, 380, 220, 220);
84.   fill(0, Gre, 0);
85.   ellipse(350, 210, 220, 220);
86.   fill(0, 0, Blu);
87.   ellipse(500, 380, 220, 220);
88.   fill(Red, Gre, Blu);
89.   textFont(createFont("Gill Sans Ultra Bold", 65));
90.   text("Led RGB", 180, 70);
91.   fill(Red, 0, 0);
92.   textSize(30);
93.   text("Red", 60, 490);
94.   fill(0, Gre, 0);
95.   textSize(30);
96.   text("Green", 445, 135);
97.   fill(0, 0, Blu);
98.   textSize(30);
99.   text("Blue", 350, 490);
100.   fill(255);
101.   textSize(25);
102.   text("Juan Camilo Fernández López", 190, 540);
103. }
104. 
     
105. // Como se va a actuar cuando ocurra un evento con los Knobs
106. void controlEvent(ControlEvent evento) {
107.   String nombre = evento.getController().getName();
108.   int valor = int(evento.getController().getValue());
109.   serial.write(nombre + valor);
110. 
     
111.   // Guarda el valor en la variable para cada color,
112.   // cuando se usa cada Knob
113.   if (nombre == "R") {
114.     Red = valor;
115.   }
116.   if (nombre == "G") {
117.     Gre = valor;
118.   }
119.   if (nombre == "B") {
120.     Blu = valor;
121.   }
122. }

VÍDEO DEL FUNCIONAMIENTO