2854浏览
查看: 2854|回复: 26

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板

[复制链接]
本帖最后由 驴友花雕 于 2022-11-3 19:10 编辑

偶然心血来潮,想要做一个音乐可视化的系列专题。这个专题的难度有点高,涉及面也比较广泛,相关的FFT和FHT等算法也相当复杂,不过还是打算从最简单的开始,实际动手做做试验,耐心尝试一下各种方案,逐步积累些有用的音乐频谱可视化的资料,也会争取成型一些实用好玩的音乐可视器项目。

找到二片P6 LED单元板,它们有 512 个明亮的 RGB LED,排列在正面的 16x32 网格中。

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图2

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1

驴友花雕  中级技神
 楼主|

发表于 2022-11-15 14:49:47

  【花雕动手做】有趣好玩的音乐可视化系列项目(30)--P6LED单元板
  项目程序之一:点亮P6单元板——点与线的简单控制

  1. /*
  2.   【花雕动手做】有趣好玩的音乐可视化系列项目(30)--P6LED单元板
  3.   项目程序之一:点亮P6单元板——点与线的简单控制
  4. */
  5. #include <Adafruit_GFX.h>   //核心图形库
  6. #include <RGBmatrixPanel.h> //硬件特定库
  7. #define CLK 8 //必须在这个端口上! (在Mega上使用PIN 11)
  8. #define LAT A3
  9. #define OE  9
  10. #define A   A0
  11. #define B   A1
  12. #define C   A2
  13. //最后一个参数='false'禁用双屏障
  14. RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  15. void setup() {
  16.   matrix.begin(); //矩阵开始(启动)
  17. }
  18. void loop() {
  19.   //用红色在0,0处画一个像素
  20.   matrix.drawPixel(0, 0, matrix.Color333(7, 0, 0));
  21.   delay(500);
  22.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  23.   delay(500);
  24.   //用绿色在31,0处画一个像素
  25.   matrix.drawPixel(31, 0, matrix.Color333(0, 7, 0));
  26.   delay(500);
  27.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  28.   delay(500);
  29.   //用蓝色在31,15处画一个像素
  30.   matrix.drawPixel(31, 15, matrix.Color333(0, 0, 7));
  31.   delay(500);
  32.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  33.   delay(500);
  34.   //用白色在0,15处画一个像素
  35.   matrix.drawPixel(0, 15, matrix.Color333(5, 5, 5));
  36.   delay(500);
  37.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  38.   delay(500);
  39.   //用四种颜色在单元板四角各画一个像素
  40.   matrix.drawPixel(0, 0, matrix.Color333(7, 0, 0));
  41.   matrix.drawPixel(31, 0, matrix.Color333(0, 7, 0));
  42.   matrix.drawPixel(31, 15, matrix.Color333(0, 0, 7));
  43.   matrix.drawPixel(0, 15, matrix.Color333(5, 5, 5));
  44.   delay(500);
  45.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  46.   delay(500);
  47.   matrix.drawLine(0, 0, 31, 0, matrix.Color333(7, 0, 0));
  48.   delay(500);
  49.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  50.   delay(500);
  51.   matrix.drawLine(31, 0, 31, 15, matrix.Color333(0, 7, 0));
  52.   delay(500);
  53.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  54.   delay(500);
  55.   matrix.drawLine(0, 15, 31, 15, matrix.Color333(0, 0, 7));
  56.   delay(500);
  57.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  58.   delay(500);
  59.   matrix.drawLine(0, 0, 0, 15, matrix.Color333(5, 5, 5));
  60.   delay(500);
  61.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  62.   delay(500);
  63.   matrix.drawLine(0, 0, 31, 0, matrix.Color333(7, 0, 0));
  64.   matrix.drawLine(31, 0, 31, 15, matrix.Color333(0, 7, 0));
  65.   matrix.drawLine(0, 15, 31, 15, matrix.Color333(0, 0, 7));
  66.   matrix.drawLine(0, 0, 0, 15, matrix.Color333(5, 5, 5));
  67.   delay(500);
  68.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  69.   delay(500);
  70.   matrix.drawLine(0, 0, 31, 15, matrix.Color333(4, 7, 0));
  71.   delay(500);
  72.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  73.   delay(500);
  74.   matrix.drawLine(31, 0, 0, 15, matrix.Color333(4, 7, 0));
  75.   delay(500);
  76.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  77.   delay(500);
  78.   matrix.drawLine(0, 0, 31, 15, matrix.Color333(0, 7, 4));
  79.   matrix.drawLine(31, 0, 0, 15, matrix.Color333(0, 7, 4));
  80.   delay(500);
  81.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  82.   delay(500);
  83.   matrix.drawLine(0, 0, 31, 0, matrix.Color333(7, 0, 0));
  84.   matrix.drawLine(31, 0, 31, 15, matrix.Color333(0, 7, 0));
  85.   matrix.drawLine(0, 15, 31, 15, matrix.Color333(0, 0, 7));
  86.   matrix.drawLine(0, 0, 0, 15, matrix.Color333(5, 5, 5));
  87.   matrix.drawLine(0, 0, 31, 15, matrix.Color333(0, 7, 0));
  88.   matrix.drawLine(31, 0, 0, 15, matrix.Color333(0, 7, 0));
  89.   delay(500);
  90.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  91.   delay(500);
  92.   matrix.drawLine(0, 0, 31, 0, matrix.Color333(7, 0, 0));
  93.   matrix.drawLine(31, 0, 31, 15, matrix.Color333(7, 0, 0));
  94.   matrix.drawLine(0, 15, 31, 15, matrix.Color333(7, 0, 0));
  95.   matrix.drawLine(0, 0, 0, 15, matrix.Color333(7, 0, 0));
  96.   matrix.drawLine(0, 0, 31, 15, matrix.Color333(7, 0, 0));
  97.   matrix.drawLine(31, 0, 0, 15, matrix.Color333(7, 0, 0));
  98.   delay(500);
  99.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  100.   delay(500);
  101.   matrix.drawLine(0, 0, 31, 0, matrix.Color333(0, 7, 0));
  102.   matrix.drawLine(31, 0, 31, 15, matrix.Color333(0, 7, 0));
  103.   matrix.drawLine(0, 15, 31, 15, matrix.Color333(0, 7, 0));
  104.   matrix.drawLine(0, 0, 0, 15, matrix.Color333(0, 7, 0));
  105.   matrix.drawLine(0, 0, 31, 15, matrix.Color333(0, 7, 0));
  106.   matrix.drawLine(31, 0, 0, 15, matrix.Color333(0, 7, 0));
  107.   delay(500);
  108.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  109.   delay(500);
  110.   matrix.drawLine(0, 0, 31, 0, matrix.Color333(0, 0, 7));
  111.   matrix.drawLine(31, 0, 31, 15, matrix.Color333(0, 0, 7));
  112.   matrix.drawLine(0, 15, 31, 15, matrix.Color333(0, 0, 7));
  113.   matrix.drawLine(0, 0, 0, 15, matrix.Color333(0, 0, 7));
  114.   matrix.drawLine(0, 0, 31, 15, matrix.Color333(0, 0, 7));
  115.   matrix.drawLine(31, 0, 0, 15, matrix.Color333(0, 0, 7));
  116.   delay(500);
  117.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  118.   delay(500);
  119. }
复制代码


回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-15 15:39:52

  【花雕动手做】有趣好玩的音乐可视化系列项目(30)--P6LED单元板
  项目程序之二:点亮P6单元板——显示图形与文字

  1. /*
  2.   【花雕动手做】有趣好玩的音乐可视化系列项目(30)--P6LED单元板
  3.   项目程序之二:点亮P6单元板——显示图形与文字
  4. */
  5. #include <Adafruit_GFX.h>   
  6. #include <RGBmatrixPanel.h>
  7. #define CLK 8  
  8. #define LAT A3
  9. #define OE  9
  10. #define A   A0
  11. #define B   A1
  12. #define C   A2
  13. RGBmatrixPanel matrix(A, B, C, CLK, LAT, OE, false);
  14. void setup() {
  15.   matrix.begin();
  16. }
  17. void loop() {
  18.   // draw a pixel in solid white
  19.   matrix.drawPixel(0, 0, matrix.Color333(7, 7, 7));
  20.   delay(500);
  21.   // fix the screen with green
  22.   matrix.fillRect(0, 0, 32, 16, matrix.Color333(0, 7, 0));
  23.   delay(500);
  24.   // draw a box in yellow
  25.   matrix.drawRect(0, 0, 32, 16, matrix.Color333(7, 7, 0));
  26.   delay(500);
  27.   // draw an 'X' in red
  28.   matrix.drawLine(0, 0, 31, 15, matrix.Color333(7, 0, 0));
  29.   matrix.drawLine(31, 0, 0, 15, matrix.Color333(7, 0, 0));
  30.   delay(500);
  31.   // draw a blue circle
  32.   matrix.drawCircle(7, 7, 7, matrix.Color333(0, 0, 7));
  33.   delay(500);
  34.   // fill a violet circle
  35.   matrix.fillCircle(23, 7, 7, matrix.Color333(7, 0, 7));
  36.   delay(500);
  37.   // fill the screen with 'black'
  38.   matrix.fillScreen(matrix.Color333(0, 0, 0));
  39.   // draw some text!
  40.   matrix.setCursor(1, 0);   
  41.   matrix.setTextSize(1);   
  42.   // print each letter with a rainbow color
  43.   matrix.setTextColor(matrix.Color333(7, 0, 0));
  44.   matrix.print('1');
  45.   matrix.setTextColor(matrix.Color333(7, 4, 0));
  46.   matrix.print('6');
  47.   matrix.setTextColor(matrix.Color333(7, 7, 0));
  48.   matrix.print('x');
  49.   matrix.setTextColor(matrix.Color333(4, 7, 0));
  50.   matrix.print('3');
  51.   matrix.setTextColor(matrix.Color333(0, 7, 0));
  52.   matrix.print('2');
  53.   matrix.setCursor(1, 9);   // next line
  54.   matrix.setTextColor(matrix.Color333(0, 7, 7));
  55.   matrix.print('*');
  56.   matrix.setTextColor(matrix.Color333(0, 4, 7));
  57.   matrix.print('R');
  58.   matrix.setTextColor(matrix.Color333(0, 0, 7));
  59.   matrix.print('G');
  60.   matrix.setTextColor(matrix.Color333(4, 0, 7));
  61.   matrix.print('B');
  62.   matrix.setTextColor(matrix.Color333(7, 0, 4));
  63.   matrix.print("*");
  64.   delay(5000);
  65. }
复制代码


回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-4 18:32:04

单元板的驱动原理
  LED 单元板就是大量单色或三色 LED 的点阵,扫描式驱动,一般是行线共阴、单列单色 LED 共阳,采用专用芯片进行恒流驱动。所谓扫描式驱动,就是每一列的数据线共享、单元板的同一时刻只有一行被选中并点亮,通过快速的扫描加上人眼视觉暂留来实现整屏显示。有些做的比较好的单元板提供内置的余晖、消隐功能,在扫描其他行时之前点亮的行仍会继续点亮、重新扫描当前行时会强制熄灭不应点亮的像素,以降低屏幕的闪烁、提升画面的显示效果。

      HUB75 的行选择信号与存储器的地址线运作方式相同,使用多条地址线,用高低电平组合出二进制的各位数字,然后通过译码器将 n 条地址线的组合信号变为 2^n 选 1 的行选择信号。HUB75 接口的多种变体(或曰实现)基本上就是从这里派生。一般情况 HUB75 的插座使用 16P 简易牛角座,下面是接口示意:

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1

注意 9、10、11 三个引脚,名称分别为 A、B、C,这三根线就是 3 位地址线的 A0、A1、A2 三位,单元板的内部实现中,会使用一个 3-8 译码器将这 3 根输入地址线高低电平的二进制组合转化为 8 根输出片选线中其中一根的选中状态。例如当这四位的电平值分别为 H、L、L 时,代表了当前行地址为 001b,所以 1 号地址线(即代表第二行)为选中状态,其他为非选中状态。由于厂商具体内部设计的差异,行选择激活状态可能为高电平,也可能为低电平,所以这里不能确定具体电平的高低,只能确定哪条线处于激活状态。由于同一时刻 8 条行选择中只有一条被激活,即同一时刻有 1/8 的行正在被点亮,所以这种扫描方式被称作 1/8 扫描,行业简称“8 扫”。

  变体由此产生。有些单元板的行数不足 8 行,不需要如此多的地址线,所以会把不需要的地址线空置或接地,比如 1/4 扫描的单元板会将 11 号 C 引脚空置,仅使用 2 条地址线。1/32 扫描的单元板会将 12 号、6 号引脚作为 D、E 信号即行地址二进制的第四、五位,使用 5-32 译码器来提供 32 条行地址线来进行更大范围的扫描,此时形成了 HUB75 最常用的变体——HUB75E。

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-3 19:35:42

本帖最后由 驴友花雕 于 2022-11-4 05:23 编辑

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1

室内P6全彩LED显示单元板主要参数
规格像素:32X16
像素密度:27777点/㎡,
点间距: 6mm ;
亮度 ≥1200cd/㎡;
最佳视角(H/V):水平120度,垂直120度;
峰值功率:1000W/㎡;
运行功率:500W/㎡;
盲点率:小于万分之一;
换帧频率: ≥60帧/秒;
工作电压:5V 稳压电源输入,
工作电流: 2A
连续工作时间(小时):≥7×24hrs ,支持连续不间断显示;
平均无故障时间(小时):≥10000;
使用寿命(小时):≥10万;工作环境温度(度):-20~+50 ;
工作环境湿度:10%~90%
单元板尺寸:192 毫米 x 96 毫米 x 12 毫米(7.6 英寸 x 3.8 英寸 x 0.5 英寸)
带 IDC 电缆和电源线的面板重量:250 g
数据逻辑电平输入:5V
面板接口:12 个数字引脚(6 位数据、6 位控制),全彩HUB75接口
扫描速率:1/8
室内显示:150度可视性
显示器是“可链接的” - 将一个输出连接到下一个输入。

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-3 19:44:16

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1
【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图2
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-3 19:47:00

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1
【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图2
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-4 05:33:58

要做好这个实验,比较重要的一件事,就是先要了解单元板上的数据接口,初步查到,是全彩HUB75接口

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-4 06:26:18

本帖最后由 驴友花雕 于 2022-11-4 06:34 编辑

HUB75 是 LED 单元板通信接口之一,国内也有叫全彩 75、直接简称 75 口等等。有一些变体,不过大同小异。

其中A、B、C、D、E是行信号,其中E信号在小于等于16扫时不需要;CLK(有的板也写作SCLK)是时钟信号;LE(有的板也写作LAT)是数据锁存信号);OE是使能信号;R1、G1、B1和R2、G2、B2是两组数据信号。查到的HUB75接口,如下图。


【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-4 18:47:03

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1

关于LED点阵屏单元板的通信接口——HUB75的坑

因为 HUB75 接口标准缺乏明确规范,导致一些厂商并没有完全按照上面的格式传输数据。就拿我买到的第一块单元板为例,虽然号称 1/32 扫的 HUB75,但它的行选择信号并不是标准的5位地址线,而是将每半场的 32 条行选择线接入了一个串入并出移位寄存器,使用 ABC 三条信号线作为移位寄存器的数据、时钟、锁存信号,相当于直接把上面的简化版行选择直接集成进了单元板,这直接导致了我找到的所有关于 HUB75 的资料全都跑不通。最后我根据芯片型号找到手册、用万用表一个一个焊点试验摸出走线才把这块单元板的驱动原理摸通。询问卖家有没有资料,卖家只说不兼容市面上的控制器(所有卖家都这么说,不知道是不是为了让你买他们家的控制器),完全不提供任何技术支持,这个就是最大的坑——单元板拿到手之前,你永远不知道它到底该怎么用。

参考资料
  https://github.com/hzeller/rpi-rgb-led-matrix/issues/956

  https://bikerglen.com/projects/lighting/led-panel-1up/

  https://www.sparkfun.com/news/2650

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-5 07:16:22

本帖最后由 驴友花雕 于 2022-11-5 07:32 编辑

可供参考的HUB75接口定义

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-5 07:22:40

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-14 16:03:28

电源连接器
尽管 LED 是非常高效的光源,但在一个地方获得足够多的 LED,电流确实会增加。单个 32x16或32x32 RGB 矩阵,全倾斜运行(所有像素设置为白色),可能需要近 4 安培的电流!对于64x32矩阵,该数字翻倍。不过,平均而言,显示典型的图形和动画,这些面板将使用更少的... 2A电源通常足以用于单个 32x16 或 32x32 面板,或 4A 用于 64x32 面板。使用额定电流更大的更大电源(例如 10A 电源)没有害处,但切勿 使用电压更高的电源(使用 5V,周期)!在这些面板上,电源连接与数据连接是分开的。让我们从连接 5V 电源开始……


【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-14 16:05:41

面板具有 Molex 式接头,只需插入随附的电源线,注意正确的极性。如果您的电源线在此电源线的另一端带有铲子,则可以将它们拧入 2.1 毫米接线端子适配器。效果很好!不要让暴露的连接器接触金属……你应该用热缩管或电工胶带覆盖它。


【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-14 16:09:34

找到一张P6 32X16单元板的参考电原理图

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-14 16:44:18

自制HUB75接口的ArduinoUNO扩展板

以Proto Shield 原型扩展为主,加装羊角P16插座,方便于做实验


【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-14 16:49:26

做好的是这样,可以直接插在Arduino uno开发板上

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-14 16:53:01

HUB75接口扩展板接线

UNO    HUB75
D2          R1
D3          G1
D4          B1
D5          R2
D6          G2
D7          B2
D8          CLK
D9          OE
A0           A
A1           B
A2           C
A3           STB
GND        GND

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-15 14:53:26

实验场景图
【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2022-11-15 14:59:24

实验场景图  动态图

【花雕动手做】有趣好玩的音乐可视化(30)--P6 LED单元板图1

回复

使用道具 举报

12下一页
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2024 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail