【花雕学编程】Arduino动手做(249)---ESP32+GC9A01之随机位置变化的红、绿、蓝呼吸矩形

在这里插入图片描述

37款传感器与模块的提法,在网络上广泛流传,其实Arduino能够兼容的传感器模块肯定是不止37种的。鉴于本人手头积累了一些传感器和执行器模块,依照实践出真知(一定要动手做)的理念,以学习和交流为目的,这里准备逐一动手试试多做实验,不管成功与否,都会记录下来——小小的进步或是搞不掂的问题,希望能够抛砖引玉。

【Arduino】189种传感器模块系列实验(资料代码+仿真编程+图形编程)
实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
实验开发板使用ESP32

在这里插入图片描述
在这里插入图片描述

实验模块接线示意图

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

【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>
#include <math.h>

#define SCREEN_WIDTH 240
#define SCREEN_HEIGHT 240
#define RECT_SIZE 80  // 矩形大小
#define BREATH_SPEED 0.1  // **降低呼吸速度,让变化更明显**
#define MAX_BRIGHTNESS 255  // **增加最大亮度**
#define MIN_BRIGHTNESS 50   // **设置最低亮度,避免完全消失**

TFT_eSPI tft = TFT_eSPI();
float breathPhase = 0;  // 控制呼吸亮度变化

void setup() {
    Serial.begin(115200);
    tft.init();
    tft.setRotation(2);
    tft.fillScreen(TFT_BLACK);
    randomSeed(analogRead(0));  // 初始化随机数种子
}

void drawBreathingRectangles() {
    breathPhase += BREATH_SPEED;  // 更新呼吸周期
    float brightness = (sin(breathPhase) + 1) / 2 * (MAX_BRIGHTNESS - MIN_BRIGHTNESS) + MIN_BRIGHTNESS;
    
    // 计算颜色
    uint16_t red   = tft.color565(brightness, 0, 0);
    uint16_t green = tft.color565(0, brightness, 0);
    uint16_t blue  = tft.color565(0, 0, brightness);

    // **随机位置**
    int xRed = random(0, SCREEN_WIDTH - RECT_SIZE);
    int yRed = random(0, SCREEN_HEIGHT - RECT_SIZE);
    int xGreen = random(0, SCREEN_WIDTH - RECT_SIZE);
    int yGreen = random(0, SCREEN_HEIGHT - RECT_SIZE);
    int xBlue = random(0, SCREEN_WIDTH - RECT_SIZE);
    int yBlue = random(0, SCREEN_HEIGHT - RECT_SIZE);

    // **绘制三个呼吸矩形**
    tft.fillRect(xRed, yRed, RECT_SIZE, RECT_SIZE, red);   // 红色
    tft.fillRect(xGreen, yGreen, RECT_SIZE, RECT_SIZE, green); // 绿色
    tft.fillRect(xBlue, yBlue, RECT_SIZE, RECT_SIZE, blue);  // 蓝色
}

void loop() {
    tft.fillScreen(TFT_BLACK);  // 清屏
    drawBreathingRectangles();  // 生成随机位置的矩形
    delay(200);  // **降低刷新频率,让颜色变化更平滑**
}

代码解读
这段代码的核心功能是让红、绿、蓝三个矩形在屏幕上随机出现,并保持呼吸动画。它的主要逻辑如下:

1、初始化屏幕

使用 TFT_eSPI 库控制 240x240 的 TFT 显示屏。

setup() 里初始化屏幕,并设置随机数种子,让每次运行的矩形位置不同。

2、呼吸动画

sin() 计算 亮度渐变,让矩形颜色随时间变化(从暗到亮再回到暗)。

breathPhase 控制颜色变化,让红、绿、蓝颜色随着时间变亮或变暗。

3、随机位置

在 drawBreathingRectangles() 里,每次执行都会重新生成三个随机位置,使矩形不会停留在固定点。

4、循环刷新

loop() 里清除屏幕,并调用 drawBreathingRectangles() 让矩形不断变化。

delay(500) 控制刷新速度,每 0.5 秒 更新一次颜色和位置。

这个代码能让 屏幕上的矩形持续变化位置和亮度,形成柔和的视觉效果。

实验场景图 动态图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

驴友花雕

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值