驴友花雕 发表于 2025-5-7 10:08:22

【花雕学编程】Arduino动手做(199)---随机六个空心矩形






驴友花雕 发表于 2025-5-7 10:10:26

【花雕学编程】Arduino动手做(199)---随机六个空心矩形






驴友花雕 发表于 2025-5-7 10:11:58

【花雕学编程】Arduino动手做(199)---随机六个空心矩形

【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 秒刷新一次**
}

驴友花雕 发表于 2025-5-7 10:15:38

【花雕学编程】Arduino动手做(199)---随机六个空心矩形

代码简单解读

这段代码在 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 个随机大小的空心矩形,确保它们不会超出屏幕边界。


驴友花雕 发表于 2025-5-7 10:18:06

【花雕学编程】Arduino动手做(199)---随机六个空心矩形

实验场景图动态图


驴友花雕 发表于 2025-5-7 10:33:53

【花雕学编程】Arduino动手做(199)---随机六个空心矩形


页: [1]
查看完整版本: 【花雕学编程】Arduino动手做(199)---随机六个空心矩形