【花雕学编程】Arduino动手做（249）--GC9A01变色的动态网格

  【Arduino】189种传感器模块系列实验（资料代码+仿真编程+图形编程）
  实验二百四十九：1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
  项目之一百二十二：ESP32+GC9A01之绘制一个线条颜色随机变化的动态网格

实验开源代码

/*
  【Arduino】189种传感器模块系列实验（资料代码+仿真编程+图形编程）
  实验二百四十九：1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
  项目之一百二十二：ESP32+GC9A01之绘制一个线条颜色随机变化的动态网格
*/

//       GC9A01---------- ESP32
//       RST ------------ NC（复位引脚，此处未连接）
//       CS ------------- D4（片选引脚，连接到ESP32的D4引脚）
//       DC ------------- D2（数据/命令选择引脚，连接到ESP32的D2引脚）
//       SDA ------------ D23 (green)（主数据输出引脚，连接到ESP32的D23引脚，绿色线）
//       SCL ------------ D18 (yellow)（时钟信号引脚，连接到ESP32的D18引脚，黄色线）
//       GND ------------ GND（接地引脚，连接到ESP32的接地端）
//       VCC -------------3V3（电源引脚，连接到ESP32的3.3V电源）

#include <TFT_eSPI.h>

TFT_eSPI tft = TFT_eSPI();

#define SCREEN_WIDTH 240
#define SCREEN_HEIGHT 240
#define SPACING 10 // 线条间距
#define REFRESH_RATE 1000 // 1秒刷新一次

void setup() {
    tft.init();
    tft.setRotation(1);  // 设定屏幕方向
    tft.fillScreen(TFT_BLACK); // 清空屏幕
    randomSeed(analogRead(0));  // 初始化随机数种子
}

void loop() {
    drawRandomGrid();
    delay(REFRESH_RATE); // 等待1秒后刷新
}

/**
 * 生成随机颜色网格
 */
void drawRandomGrid() {
    tft.fillScreen(TFT_BLACK); // 清除屏幕

    // 画随机颜色的纵向线条
    for (int x = 0; x < SCREEN_WIDTH; x += SPACING) {
        uint16_t color = getRandomColor();
        tft.drawLine(x, 0, x, SCREEN_HEIGHT, color);
    }

    // 画随机颜色的横向线条
    for (int y = 0; y < SCREEN_HEIGHT; y += SPACING) {
        uint16_t color = getRandomColor();
        tft.drawLine(0, y, SCREEN_WIDTH, y, color);
    }
}

/**
 * 生成随机颜色（红、绿、蓝）
 */
uint16_t getRandomColor() {
    int r = random(0, 3);  // 随机 0~2
    if (r == 0) return TFT_RED;
    if (r == 1) return TFT_GREEN;
    return TFT_BLUE;
}
复制代码

这段代码用于在 ESP32 的 TFT 显示屏 上 绘制一个动态网格，其中线条颜色随机变化，每 1 秒 刷新一次，形成不断变化的视觉效果。

核心逻辑
1️⃣ 初始化屏幕 → 使用 TFT_eSPI 控制 ESP32 屏幕，设置 旋转方向 和 背景色
2️⃣ 绘制网格 → 通过 SPACING 变量设定 线条间距（默认 20 像素）
3️⃣ 每秒刷新网格 → 使用 delay(1000) 控制 网格更新频率（1 秒刷新一次）
4️⃣ 随机选择线条颜色 → 通过 getRandomColor() 让 每条线变成红、绿、蓝
5️⃣ 持续运行 → 代码会在 loop() 函数内 无限循环，让网格不断更新


最终效果
规则间隔的网格，每秒更新一次
线条随机变成红、绿、蓝，颜色动态变化
持续循环，让画面不断刷新

实验场景图  动态图