【花雕学编程】Arduino动手做（249）--GC9A01变色的动态网格
【花雕学编程】Arduino动手做（249）--GC9A01变色的动态网格
【花雕学编程】Arduino动手做（249）--GC9A01变色的动态网格
【花雕学编程】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;
}
【花雕学编程】Arduino动手做（249）--GC9A01变色的动态网格
这段代码用于在 ESP32 的 TFT 显示屏 上 绘制一个动态网格，其中线条颜色随机变化，每 1 秒 刷新一次，形成不断变化的视觉效果。核心逻辑
1️⃣ 初始化屏幕 → 使用 TFT_eSPI 控制 ESP32 屏幕，设置 旋转方向 和 背景色
2️⃣ 绘制网格 → 通过 SPACING 变量设定 线条间距（默认 20 像素）
3️⃣ 每秒刷新网格 → 使用 delay(1000) 控制 网格更新频率（1 秒刷新一次）
4️⃣ 随机选择线条颜色 → 通过 getRandomColor() 让 每条线变成红、绿、蓝
5️⃣ 持续运行 → 代码会在 loop() 函数内 无限循环，让网格不断更新
最终效果
规则间隔的网格，每秒更新一次
线条随机变成红、绿、蓝，颜色动态变化
持续循环，让画面不断刷新
【花雕学编程】Arduino动手做（249）--GC9A01变色的动态网格
实验场景图动态图【花雕学编程】Arduino动手做（249）--GC9A01变色的动态网格
页:
[1]