驴友花雕 发表于 5 天前

【花雕学编程】Arduino动手做(249)--GC9A01循环大宝闸效果

本帖最后由 驴友花雕 于 2025-4-19 16:30 编辑




驴友花雕 发表于 5 天前

【花雕学编程】Arduino动手做(249)--GC9A01循环大**效果




驴友花雕 发表于 5 天前

【花雕学编程】Arduino动手做(249)--GC9A01循环大**效果




驴友花雕 发表于 5 天前

【花雕学编程】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>
#include <math.h>

#define SCREEN_WIDTH 240
#define SCREEN_HEIGHT 240
#define MAX_RINGS 5      // **最大环数量**
#define NUM_PARTICLES 30   // **每个环的粒子数量**
#define EXPLOSION_SPEED 2// ****速度**
#define FADE_RATE 8      // **颜色渐变速率**
#define INTERVAL 600       // ****间隔(毫秒)**
#define PARTICLE_SIZE 3    // **粒子大小**

TFT_eSPI tft = TFT_eSPI();

struct Particle {
    float x, y;      // 粒子坐标
    float vx, vy;    // 粒子速度
    uint16_t color;// 粒子颜色
    int lifetime;    // **粒子寿命**
};

Particle rings; // **多环粒子存储**
int currentRing = 0;// **当前**环索引**
uint32_t lastExplosionTime = 0;// **上次**时间**

void setup() {
    Serial.begin(115200);
    tft.init();
    tft.setRotation(1);
    tft.fillScreen(TFT_BLACK);

    generateExplosion(); // **初始化****
}

void generateExplosion() {
    float radiusOffset = currentRing * 10; // **不同环的偏移量**
    for (int i = 0; i < NUM_PARTICLES; i++) {
      rings.x = SCREEN_WIDTH / 2;
      rings.y = SCREEN_HEIGHT / 2;
      float angle = random(0, 360) * M_PI / 180;
      rings.vx = cos(angle) * (EXPLOSION_SPEED + currentRing);
      rings.vy = sin(angle) * (EXPLOSION_SPEED + currentRing);
      rings.color = tft.color565(random(200, 255), random(100, 255), random(100, 255)); // **更亮的颜色**
      rings.lifetime = 255; // **初始粒子寿命**
    }
}

void drawExplosion() {
    tft.fillScreen(TFT_BLACK); // **清屏,让**持续**

    for (int ring = 0; ring < MAX_RINGS; ring++) {
      for (int i = 0; i < NUM_PARTICLES; i++) {
            Particle &p = rings;

            if (p.lifetime > 0) {
                // **绘制更大、更亮的粒子**
                tft.fillCircle(p.x, p.y, PARTICLE_SIZE, p.color);

                // **更新位置**
                p.x += p.vx;
                p.y += p.vy;

                // **颜色渐变**
                p.color = tft.color565(p.lifetime, p.lifetime / 2, 255 - p.lifetime);
                p.lifetime -= FADE_RATE; // **减少粒子寿命**
            }
      }
    }

    // **每隔 600 毫秒生成一个新**环**
    if (millis() - lastExplosionTime > INTERVAL) {
      lastExplosionTime = millis();
      currentRing = (currentRing + 1) % MAX_RINGS;
      generateExplosion();
    }
}

void loop() {
    drawExplosion();
    delay(50);
}

驴友花雕 发表于 5 天前

【花雕学编程】Arduino动手做(249)--GC9A01循环大**效果

这段代码模拟多层循环**效果,让粒子在屏幕上持续扩散,并且每隔 0.6 秒 自动生成新的**环,使动画更具震撼力 。


代码结构1️⃣ 初始化屏幕

[*]TFT_eSPI 驱动 GC9A01 显示屏,设定 黑色背景,确保**效果清晰可见。

2️⃣ 粒子**动画

[*]generateExplosion(); 让粒子沿不同方向扩散,每个环的粒子运动速度不同,形成层次感。

[*]tft.fillCircle() 用更大的粒子替代 drawPixel(),让**更显眼。

3️⃣ 颜色动态变化

[*]tft.color565() 让粒子颜色逐渐变化,模拟真实的亮度衰减过程,使视觉更自然。

4️⃣ 循环触发**

[*]millis() 计时,每隔 600 毫秒 创建 新**环,让**连续发生。

5️⃣ 持续刷新

[*]delay(50); 保持流畅动画,使粒子运动平滑。



最终效果
每 0.6 秒触发新的**环,形成循环**
粒子增大、亮度增强,使动画更震撼
持续扩散,让动画更加流畅和炫酷

驴友花雕 发表于 5 天前

【花雕学编程】Arduino动手做(249)--GC9A01循环大**效果

实验场景图动态图




驴友花雕 发表于 5 天前

【花雕学编程】Arduino动手做(249)--GC9A01循环大**效果


页: [1]
查看完整版本: 【花雕学编程】Arduino动手做(249)--GC9A01循环大宝闸效果