22浏览
查看: 22|回复: 5

[项目] 【花雕学编程】Arduino动手做(249)---GC9A01空战锁定动画

[复制链接]
【花雕学编程】Arduino动手做(249)---GC9A01空战锁定动画图3

【花雕学编程】Arduino动手做(249)---GC9A01空战锁定动画图2

【花雕学编程】Arduino动手做(249)---GC9A01空战锁定动画图1

驴友花雕  中级技神
 楼主|

发表于 昨天 12:50

【花雕学编程】Arduino动手做(249)---GC9A01空战锁定动画

【花雕学编程】Arduino动手做(249)---GC9A01空战锁定动画图3

【花雕学编程】Arduino动手做(249)---GC9A01空战锁定动画图1

【花雕学编程】Arduino动手做(249)---GC9A01空战锁定动画图2
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 昨天 17:50

【花雕学编程】Arduino动手做(249)---GC9A01空战锁定动画

  【Arduino】189种传感器模块系列实验(资料代码+仿真编程+图形编程)
  实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
  项目之一百四十二:ESP32+GC9A01之播放GIF的空战锁定动画

实验开源代码

  1. /*
  2.   【Arduino】189种传感器模块系列实验(资料代码+仿真编程+图形编程)
  3.   实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
  4.   项目之一百四十二:ESP32+GC9A01之播放GIF的空战锁定动画
  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 <TFT_eSPI.h>     // ESP32 专用的 TFT 显示屏库
  16. // 需要通过 Arduino Library Manager 安装
  17. // 使用前需要正确配置屏幕驱动
  18. #include <AnimatedGIF.h>  // GIF 动画库
  19. // 通过 Arduino Library Manager 安装
  20. // 负责解码 GIF 并显示到屏幕
  21. AnimatedGIF gif;          // 创建 GIF 处理对象
  22. //  预加载的 GIF 图片
  23. #include "images/hyperspace.h"  // 星空动画
  24. #include "images/nostromo.h"    // 未来风格 HUD
  25. #include "images/hud_1.h"       // HUD 显示风格 1
  26. #include "images/hud_2.h"       // HUD 显示风格 2
  27. #include "images/hud_5.h"       // HUD 显示风格 5
  28. #include "images/hud_6.h"       // HUD 显示风格 6
  29. #include "images/hud_7.h"       // HUD 显示风格 7
  30. #include "images/darthvader.h"  // 达斯·维达角色
  31. #include "images/x_wing.h"      // X 翼战机动画
  32. #include "images/colortest.h"   // 颜色测试动画
  33. // 选择要播放的 GIF 图片
  34. // 只启用一个 GIF,否则 ESP32 可能内存不足
  35. // 如果需要加载多个 GIF,需调整 ESP32 的 Flash 分区
  36. //
  37. // #define GIF_IMAGE colortest
  38. // #define GIF_IMAGE hyperspace
  39. // #define GIF_IMAGE nostromo
  40. // #define GIF_IMAGE darthvader
  41. #define GIF_IMAGE hud_1
  42. // #define GIF_IMAGE hud_2
  43. // #define GIF_IMAGE hud_5
  44. // #define GIF_IMAGE hud_6
  45. // #define GIF_IMAGE hud_7
  46. // #define GIF_IMAGE x_wing
  47. // 创建 TFT 显示对象
  48. TFT_eSPI tft = TFT_eSPI();
  49. void setup() {
  50.   Serial.begin(115200);   // 初始化串口,方便调试
  51.   tft.begin();            // 启动 TFT 显示屏
  52.   tft.setRotation(2);     // 设置屏幕旋转角度(0-3)
  53.   tft.fillScreen(TFT_BLACK); // 清空屏幕,填充黑色
  54.   gif.begin(BIG_ENDIAN_PIXELS); // 初始化 GIF 处理库(使用大端像素格式)
  55. }
  56. void loop()
  57. {
  58.   //  尝试打开 GIF 文件
  59.   if (gif.open((uint8_t *)GIF_IMAGE, sizeof(GIF_IMAGE), GIFDraw))
  60.   {
  61.     Serial.printf("成功打开 GIF;尺寸 = %d x %d\n", gif.getCanvasWidth(), gif.getCanvasHeight());
  62.     tft.startWrite();  //开启 TFT 显示屏的写入模式
  63.     // 播放 GIF 每一帧
  64.     while (gif.playFrame(true, NULL))
  65.     {
  66.       yield(); // 让 ESP32 处理其他任务,避免卡死
  67.     }
  68.     gif.close();   // 关闭 GIF 文件
  69.     tft.endWrite(); // 关闭 TFT 写入模式
  70.   }
  71. }
复制代码


回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 昨天 17:53

【花雕学编程】Arduino动手做(249)---GC9A01空战锁定动画

代码说明

这段代码用于在 ESP32 的 TFT 显示屏上播放 GIF 动画 ,它结合了 TFT_eSPI 库 和 AnimatedGIF 库,能够流畅显示颜色测试等动画。

核心逻辑
1️⃣ 加载 GIF 图像 → 代码包含多个 预加载的 GIF 文件,你可以选择要播放的动画(如 X 翼战机)
2️⃣ 初始化显示屏 → 通过 TFT_eSPI 库 配置屏幕,设置旋转角度,并清空背景色
3️⃣ GIF 播放控制 → 使用 gif.open() 读取 动画数据,然后 逐帧渲染 到屏幕
4️⃣ 流畅显示 GIF → 使用 gif.playFrame(true, NULL) 播放每一帧,并确保 ESP32 运行稳定
5️⃣ 循环播放动画 → GIF 播放完成后 自动重启,形成无缝动态效果

最终效果
ESP32 屏幕上流畅播放 GIF 动画
可以选择不同的 GIF 文件(HUD 界面、科幻角色、星战战机等)
动画不断循环,让显示效果更加生动



回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 昨天 17:58

【花雕学编程】Arduino动手做(249)---GC9A01空战锁定动画

实验场景图  动态图

【花雕学编程】Arduino动手做(249)---GC9A01空战锁定动画图1

【花雕学编程】Arduino动手做(249)---GC9A01空战锁定动画图2
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 昨天 18:16

【花雕学编程】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