【Follow me第二季第2期】驱动 12*8 点阵 LED 实现图像和文字显示

lijinlei

【Follow me第二季第2期】驱动 12*8 点阵 LED 实现图像和文字显示 [复制链接]

<i class="pstatus"> 本帖最后由 lijinlei 于 2024-9-16 01:48 编辑 </i>

# 【Follow me第二季第2期】驱动 12*8 点阵 LED 实现图像和文字显示

**Arduino UNO R4 WiFi** 带有一个内置的 12*8 LED 矩阵，可用于编程以显示图形、动画、充当界面，甚至玩游戏。

## 原理

基于 **Charlieplexing** 查理普林技术，实现较少的 IO 口控制更多 LED .

具体而言，n 个引脚可以有 n(n-1) 个组合，即用 n 个引脚驱动 n(n-1) 个 LED.

传统的行列复用则需要更多的引脚来驱动 LED，例如要驱动 6 个 LED，用行列式需要 5 个口，而这种方法只要 3 个。LED 越多，节省的 IO 越多。

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_843985_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>LED_Matrix.jpg</strong> <em class="xg1">(114.63 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_843985" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=843985&handlekey=savephoto_843985">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

这些 LED 可以看作阵列，使用特殊的库，如下图所示：

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_843987_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>LED_Matrix2.jpg</strong> <em class="xg1">(145.43 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_843987" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=843987&handlekey=savephoto_843987">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

该矩阵可用于许多工程和原型设计目标，支持动物、简单游戏设计和滚动文字等。

参考：[zhihu](https://zhuanlan.zhihu.com/p/333376275) , [goodarduinocode](https://goodarduinocode.com/guides/charlieplexing) .

## 图形显示

通过 [LED 矩阵工具](https://ledmatrix-editor.arduino.cc/) 定义点阵 LED 并实现心形图案的显示，并点击按钮 `</>` 下载相应的 `*.h` 文件。

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_843986_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>LEDmatrix_editor.png</strong> <em class="xg1">(16.67 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_843986" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=843986&handlekey=savephoto_843986">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

### 代码

```c++
#include "Arduino_LED_Matrix.h"   // Include the LED_Matrix library
//#include "frames.h"               // Include a header file containing some custom icons
const uint32_t heart[] = {
	0x3184a444,
	0x44042081,
	0x100a0040
};

ArduinoLEDMatrix matrix; // Create an instance of the ArduinoLEDMatrix class

void setup() {
  Serial.begin(115200);  // Initialize serial communication at a baud rate of 115200
  matrix.begin();        // Initialize the LED matrix
}

void loop() {
  matrix.loadFrame(heart);
  delay(500);
  
  // Turn off the display
  matrix.clear();
  delay(1000);

// Print the current value of millis() to the serial monitor
  Serial.println(millis());
}
```

### 视频
<div id="player_27fea5f0c2c88f4fa8d2a6897c0c8f000" class="localvideo-box"></div><div class="localvideo-title">VID_20240915_234101</div><br/>

## 图片动画

将动画视频提取帧图片，对图片进行灰度处理，将像素压缩至 `12*8` 并存储为 `BMP` 格式，导入 [LED 矩阵工具](https://ledmatrix-editor.arduino.cc/) 即可获得相应的帧代码。

<ignore_js_op>

<div class="tip tip_4 aimg_tip" id="aimg_843988_menu" style="position: absolute; display: none" disautofocus="true">
<div class="xs0">
<p><strong>Flash_LEDmatrix.png</strong> <em class="xg1">(15.73 KB, 下载次数: 0)</em></p>
<p>
<a href="javascript:;" class="loginf" >下载附件</a>

<a href="javascript:;" onclick="showWindow(this.id, this.getAttribute('url'), 'get', 0);" id="savephoto_843988" url="home.php?mod=spacecp&ac=album&op=saveforumphoto&aid=843988&handlekey=savephoto_843988">保存到相册</a>

</p>

</div>
<div class="tip_horn"></div>
</div>

</ignore_js_op>

### 代码

```c++
#include "Arduino_LED_Matrix.h"   // Include the LED_Matrix library
#include "CXK.h"

ArduinoLEDMatrix matrix;          // Create an instance of the ArduinoLEDMatrix class

void setup() {
  Serial.begin(115200);           // Initialize serial communication at a baud rate of 115200
  matrix.begin();                 // Initialize the LED matrix
}

void loop() {
  // Load and display the "big heart" frame provided by the library
  matrix.loadFrame(CXK1);
  delay(250);
  matrix.loadFrame(CXK2);
  delay(250);
  // Print the current value of millis() to the serial monitor
  Serial.println(millis());
}
```

参考 [Arduino 文档：使用 Arduino UNO R4 WiFi LED 矩阵](https://docs.arduino.cc/tutorials/uno-r4-wifi/led-matrix/) .

### 视频
<div id="player_df997b35f0ae6602b2ab7c89b49b4ede1" class="localvideo-box"></div><div class="localvideo-title">VID_20240916_011453</div><br/>

## 滚动文字

### 代码

```c++
// To use ArduinoGraphics APIs, please include BEFORE Arduino_LED_Matrix
#include "ArduinoGraphics.h"
#include "Arduino_LED_Matrix.h"

ArduinoLEDMatrix matrix;

void setup() {
  matrix.begin();

matrix.beginDraw();

matrix.stroke(0xFFFFFFFF);
  matrix.textScrollSpeed(100);

const char text[] = "  UNO r4  ";
  matrix.textFont(Font_4x6);
  matrix.beginText(0, 1, 0xFFFFFF);
  matrix.println(text);
  matrix.endText(SCROLL_LEFT);

matrix.endDraw();
}

void loop() {

// Make it scroll!
  matrix.beginDraw();

matrix.stroke(0xFFFFFFFF);
  matrix.textScrollSpeed(50);

// add the text
  const char text[] = "  Hello EEWorld!";
  matrix.textFont(Font_5x7);
  matrix.beginText(0, 1, 0xFFFFFF);
  matrix.println(text);
  matrix.endText(SCROLL_LEFT);

matrix.endDraw();
}
```

参考 **ArduinoGraphics** 程序库示例和开发板 **LED_Matrix** 例程。

### 视频
<div id="player_be3e0c8ccbf44c4f7a4f8485c36fe4a22" class="localvideo-box"></div><div class="localvideo-title">VID_20240915_230759</div><br/>

## 视频展示
<iframe src="//player.bilibili.com/player.html?bvid=BV1fj4QeTEhA&page=1" width=500 height=300 scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

【Follow me第二季第2期】驱动 12*8 点阵 LED 实现图像和文字显示 [复制链接]

浏览过的版块