Rgb灯

来自Microduino Wikipedia
跳转至: 导航搜索
Language English

目的

本教程将教大家如何用Processing来控制一个RGB LED灯,通过一个颜色选择器来控制灯的颜色。

设备

  • 其他硬件设备
    • USB数据连接线 一根
    • RGB LED灯 一个
    • 330欧电阻 一个
    • 面包板 一个
    • 跳线 一盒

原理图

ProcessingControlRGBLEDSchematics.jpg


程序

RGBLED

调试

步骤一:按着原理图搭建硬件环境,像这样:

ProcessingControlRGBLEDConnectionDiagram.jpg


步骤二:解释一下代码:

//显示调色板函数

 void drawShadeWheel() {
   for (int j = 0; j < steps; j++) {
     color[] cols = { 
       color(255-(255/steps)*j, 255-(255/steps)*j, 0), 
       color(255-(255/steps)*j, (255/1.5)-((255/1.5)/steps)*j, 0), 
       color(255-(255/steps)*j, (255/2)-((255/2)/steps)*j, 0), 
       color(255-(255/steps)*j, (255/2.5)-((255/2.5)/steps)*j, 0), 
       color(255-(255/steps)*j, 0, 0), 
       color(255-(255/steps)*j, 0, (255/2)-((255/2)/steps)*j), 
       color(255-(255/steps)*j, 0, 255-(255/steps)*j), 
       color((255/2)-((255/2)/steps)*j, 0, 255-(255/steps)*j), 
       color(0, 0, 255-(255/steps)*j), 
       color(0, 255-(255/steps)*j, (255/2.5)-((255/2.5)/steps)*j), 
       color(0, 255-(255/steps)*j, 0), 
       color((255/2)-((255/2)/steps)*j, 255-(255/steps)*j, 0)
     };
     for (int i = 0; i < segs; i++) {
       fill(cols[i]);
       arc(width/2, height/2, radius, radius, 
       interval*i+rotAdjust, interval*(i+1)+rotAdjust);
     }
     radius -= segWidth;
   }
 }


//检查鼠标是否经过界面

 boolean mouseOverRect() { // Test if mouse is over square
   return ((mouseX >= 10) && (mouseX <= 190) && (mouseY >= 10) && (mouseY <=190));
 }

//得到颜色RGB值后,模拟写入pin9,10,11

 void draw() {
   // nothing happens here
   if (mouseOverRect() == true)
   {
     color targetColor = get(mouseX, mouseY);
     // get the component values:
     int r = int(red(targetColor));
     int g = int(green(targetColor));
     int b = int(blue(targetColor));
     // analogWirte to pin
     arduino.analogWrite(9, r);
     arduino.analogWrite(10, g);
     arduino.analogWrite(11, b);
   }
 }

步骤三:下载代码并编译通过。


步骤四:运行后会出现一个调色板,点击你选择的颜色,看看LED等的颜色有啥变化

结果

屏幕上会显示一个颜色选取器,像这样:

ProcessingControlRGBLEDResult.jpg


视频