DF创客社区
发现
DF创客商城
教程
产品资料库
搜索
热门搜索
人工智能
视觉传感器
AI 人工智能
行空板
主控板
二哈识图
热门活动
关闭
DF创客社区
发现
DF创客商城
教程
产品资料库
【花雕学编程】Arduino动手做(249)--GC9A01变色的动态网格
2025-04-23
1422
驴友花雕
UID: 1737
2964
文章
158
粉丝
1.1万
获取喜欢
0
0
创作许可协议
本项目采用
None(不开放任何权利,保留所有权利)
进行许可。
其他主题
Arduino
添加到合集
0
0
相关推荐
DF创客社区2014年度编辑选择奖 教程篇
Ash1
3.9万
3
我的Q&A问答专栏
陈德熹
2
0
BLE Arduino开发神器 Bluno Beetle开启免费试用啦!
Ash1
2.3万
0
评论(6)
驴友花雕
作者
回复
驴友花雕
作者
实验场景图 动态图
回复
驴友花雕
作者
这段代码用于在 ESP32 的 TFT 显示屏 上 绘制一个动态网格,其中线条颜色随机变化,每 1 秒 刷新一次,形成不断变化的视觉效果。
核心逻辑
1️⃣ 初始化屏幕 → 使用 TFT_eSPI 控制 ESP32 屏幕,设置 旋转方向 和 背景色
2️⃣ 绘制网格 → 通过 SPACING 变量设定 线条间距(默认 20 像素)
3️⃣ 每秒刷新网格 → 使用 delay(1000) 控制 网格更新频率(1 秒刷新一次)
4️⃣ 随机选择线条颜色 → 通过 getRandomColor() 让 每条线变成红、绿、蓝
5️⃣ 持续运行 → 代码会在 loop() 函数内 无限循环,让网格不断更新
最终效果
规则间隔的网格,每秒更新一次
线条随机变成红、绿、蓝,颜色动态变化
持续循环,让画面不断刷新
回复
驴友花雕
作者
【Arduino】189种传感器模块系列实验(资料代码+仿真编程+图形编程)
实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
项目之一百二十二:ESP32+GC9A01之绘制一个线条颜色随机变化的动态网格
实验开源代码
[code]/*
【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 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;
}[/code]
回复
驴友花雕
作者
回复
驴友花雕
作者
回复
- 没有更多了 -
驴友花雕
UID: 1737
2964
文章
158
粉丝
1.1万
获取喜欢
创作许可协议
本项目采用
None(不开放任何权利,保留所有权利)
进行许可。
相关推荐
DF创客社区2014年度编辑选择奖 教程篇
Ash1
3.9万
3
我的Q&A问答专栏
陈德熹
2
0
BLE Arduino开发神器 Bluno Beetle开启免费试用啦!
Ash1
2.3万
0
核心逻辑
1️⃣ 初始化屏幕 → 使用 TFT_eSPI 控制 ESP32 屏幕,设置 旋转方向 和 背景色
2️⃣ 绘制网格 → 通过 SPACING 变量设定 线条间距(默认 20 像素)
3️⃣ 每秒刷新网格 → 使用 delay(1000) 控制 网格更新频率(1 秒刷新一次)
4️⃣ 随机选择线条颜色 → 通过 getRandomColor() 让 每条线变成红、绿、蓝
5️⃣ 持续运行 → 代码会在 loop() 函数内 无限循环,让网格不断更新
最终效果
规则间隔的网格,每秒更新一次
线条随机变成红、绿、蓝,颜色动态变化
持续循环,让画面不断刷新
实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
项目之一百二十二:ESP32+GC9A01之绘制一个线条颜色随机变化的动态网格
实验开源代码
[code]/*
【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 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;
}[/code]