101浏览
查看: 101|回复: 6

[项目] 【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画

[复制链接]
【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画图2

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画图1

驴友花雕  中级技神
 楼主|

发表于 2025-4-16 11:10:37

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画图1

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画图2
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2025-4-16 11:11:47

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画图2

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画图1
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2025-4-16 11:12:48

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画

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

实验开源代码

  1. /*
  2.   【Arduino】189种传感器模块系列实验(资料代码+仿真编程+图形编程)
  3.   实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
  4.   项目之九十九:GC9A01园屏之模拟动态雷电旋转动画
  5. */
  6. //       GC9A01---------- ESP32
  7. //       RST ------------ NC(复位引脚,此处未连接)
  8. //       CS ------------- D4(片选引脚,连接到ESP32的D4引脚)
  9. //       DC ------------- D2(数据/命令选择引脚,连接到ESP32的D2引脚)
  10. //       SDA ------------ D23 (green)(主数据输出引脚,连接到ESP32的D23引脚,绿色线)
  11. //       SCL ------------ D18 (yellow)(时钟信号引脚,连接到ESP32的D18引脚,黄色线)
  12. //       GND ------------ GND(接地引脚,连接到ESP32的接地端)
  13. //       VCC -------------3V3(电源引脚,连接到ESP32的3.3V电源)
  14. #include "SPI.h"
  15. #include "Adafruit_GFX.h"
  16. #include "Adafruit_GC9A01A.h"
  17. #define TFT_CS 4        
  18. #define TFT_DC 2        
  19. #define TFT_RST -1      
  20. Adafruit_GC9A01A tft = Adafruit_GC9A01A(TFT_CS, TFT_DC, TFT_RST);
  21. #define SCREEN_WIDTH 240
  22. #define SCREEN_HEIGHT 240
  23. #define CENTER_X (SCREEN_WIDTH / 2)
  24. #define CENTER_Y (SCREEN_HEIGHT / 2)
  25. #define FLASH_DURATION 80  // **雷电闪烁时间**
  26. #define NUM_SECTORS 6  // **雷电扇区(类似万花筒对称)**
  27. #define BOLT_LENGTH 40  // **雷电最大长度**
  28. #define ROTATION_SPEED 20  // **雷电旋转速度**
  29. float rotationAngle = 0;  // **旋转偏移角**
  30. void setup() {
  31.     Serial.begin(115200);
  32.     tft.begin();
  33.     tft.setRotation(1);
  34. }
  35. void drawLightningBolt(float angleOffset, uint16_t color, int branchCount) {
  36.     int x = CENTER_X;
  37.     int y = CENTER_Y;
  38.     for (int i = 0; i < BOLT_LENGTH; i += 5) {
  39.         float angle = angleOffset + random(-15, 15);  // **增加随机性**
  40.         float rad = angle * M_PI / 180;
  41.         int newX = x + cos(rad) * i;
  42.         int newY = y + sin(rad) * i;
  43.         tft.drawLine(x, y, newX, newY, color);
  44.         // **生成随机数量的分支闪电**
  45.         for (int j = 0; j < branchCount; j++) {
  46.             if (random(0, 100) < 40) {
  47.                 float branchAngle = angle + random(-20, 20);
  48.                 float branchRad = branchAngle * M_PI / 180;
  49.                 int branchX = newX + cos(branchRad) * (i / 2);
  50.                 int branchY = newY + sin(branchRad) * (i / 2);
  51.                 tft.drawLine(newX, newY, branchX, branchY, color);
  52.             }
  53.         }
  54.         x = newX;
  55.         y = newY;
  56.     }
  57. }
  58. void loop() {
  59.     // **模拟雷电闪烁**
  60.     tft.fillScreen(tft.color565(255, 255, 255));  
  61.     delay(FLASH_DURATION);
  62.     tft.fillScreen(tft.color565(0, 0, 0));  
  63.     // **生成旋转雷电**
  64.     for (int sector = 0; sector < NUM_SECTORS; sector++) {
  65.         float angle = sector * (360.0 / NUM_SECTORS) + rotationAngle;
  66.         uint16_t color = tft.color565(200, 200, random(180, 255));  
  67.         int branchCount = random(1, 5);  // **随机设置分支数量**
  68.         drawLightningBolt(angle, color, branchCount);
  69.     }
  70.     // **更新旋转角度**
  71.     rotationAngle = fmod(rotationAngle + ROTATION_SPEED, 360.0);
  72.     delay(random(200, 500));
  73. }
复制代码


回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2025-4-16 11:14:01

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画

这段代码的核心功能是 动态雷电旋转动画,它结合了 万花筒的对称结构随机雷电分支,让雷电呈现 不断旋转、扩展、随机分支的动态视觉效果 ⚡✨。
代码结构

1️⃣ 初始化屏幕
  • 使用 Adafruit_GC9A01A 控制 TFT 显示屏,设定黑色背景。

2️⃣ 生成旋转雷电
  • NUM_SECTORS 设定 多个雷电扇区,让雷电对称展开。
  • rotationAngle 控制雷电的 旋转角度,让整体不断旋转变化。

3️⃣ 绘制雷电
  • drawLightningBolt(angle, color, branchCount) 在 不同角度 生成雷电。
  • random(1, 5) 让每次雷电的 分支数量随机,使形态更加多样。
  • drawLine() 绘制 主雷电,并随机生成 分支闪电,模拟自然雷击。

4️⃣ 持续旋转
  • rotationAngle = fmod(rotationAngle + ROTATION_SPEED, 360.0);
  • 每次循环雷电都会旋转一部分角度,让画面持续变化。
  • delay(random(200, 800)); 随机化雷电间隔,让雷击更自然。



最终效果
雷电旋转扩展,形成类似万花筒的能量释放
雷电分支随机生成,使画面更具变化
动态颜色变化,让雷电充满科幻感

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2025-4-16 11:18:11

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画

实验场景图  动态图

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画图1

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画图2
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 2025-4-16 11:19:49

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画

【花雕学编程】Arduino动手做(249)---GC9A01雷电旋转动画图1
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4 备案 沪公网安备31011502402448

© 2013-2025 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail