【花雕学编程】Arduino动手做（199）---ESP32 LCD12864屏之随机位置、随机大小的 6 个空心矩形- Makelog(造物记)

【Arduino】168种传感器模块系列实验（资料代码+仿真编程+图形编程）
实验一百九十九：蓝屏LCD12864液晶屏带中文字库带背光12864-5V 并口串口
项目之九：ESP32 LCD12864屏之随机位置、随机大小的 6 个空心矩形

实验开源代码

代码

/*
  【Arduino】168种传感器模块系列实验（资料代码+仿真编程+图形编程）
  实验一百九十九：蓝屏LCD12864液晶屏 带中文字库 带背光12864-5V 并口串口
  项目之九：ESP32 LCD12864屏之随机位置、随机大小的 6 个空心矩形
*/

#include <Arduino.h>
#include <U8g2lib.h>
#include <SPI.h>

// 使用软件 SPI 适配 ESP32
U8G2_ST7920_128X64_F_SW_SPI u8g2(U8G2_R0, /* Clock=*/ 18, /* Data=*/ 23, /* CS=*/ 16, /* Reset=*/ 17);

void setup() {
    Serial.begin(115200);
    u8g2.begin();
    u8g2.setPowerSave(0);  // **关闭省电模式**
    u8g2.setContrast(200); // **提高对比度**
    u8g2.setDisplayRotation(U8G2_R2);  // **旋转 180 度**
}

void loop() {
    u8g2.firstPage();
    do {
        // **随机绘制 6 个空心矩形**
        for (int i = 0; i < 6; i++) {
            int x = random(0, 128 - 20);  // **随机 X 坐标**
            int y = random(0, 64 - 20);   // **随机 Y 坐标**
            int w = random(10, 30);       // **随机宽度**
            int h = random(10, 30);       // **随机高度**
            u8g2.drawFrame(x, y, w, h);   // **绘制空心矩形**
        }
    } while (u8g2.nextPage());

    delay(1000);  // **每 1 秒刷新一次**
}

代码简单解读

这段代码在 ST7920 LCD 屏幕上实现了随机位置、随机大小的 6 个空心矩形，核心逻辑如下：

1. 初始化
✅ u8g2.begin(); → 启动 ST7920 屏幕
✅ u8g2.setPowerSave(0); → 确保屏幕不会休眠
✅ u8g2.setContrast(200); → 提高对比度，让矩形更清晰可见
✅ u8g2.setDisplayRotation(U8G2_R2); → 让屏幕旋转 180 度

2. 生成随机矩形
✅ random(0, 128 - 20) → 随机 X 坐标，确保矩形不会超出屏幕边界
✅ random(0, 64 - 20) → 随机 Y 坐标，确保矩形不会超出屏幕边界
✅ random(10, 30) → 随机矩形宽度和高度

3. 绘制空心矩形
✅ drawFrame(x, y, w, h); → 绘制矩形边框，不填充内部
✅ 持续刷新 → delay(1000); 让矩形每秒重新生成

这段代码让 ST7920 屏幕每秒刷新 6 个随机大小的空心矩形，确保它们不会超出屏幕边界。

实验场景图动态图

【花雕学编程】Arduino动手做（199）---ESP32 LCD12864屏之随机位置、随机大小的 6 个空心矩形 简单

【花雕学编程】Arduino动手做（199）---ESP32 LCD12864屏之随机位置、随机大小的 6 个空心矩形简单