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

[项目] 【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线

[复制链接]
【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线图2

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线图1

驴友花雕  中级技神
 楼主|

发表于 前天 14:27

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线图1

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线图2
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 前天 14:30

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线图2

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线图1
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 前天 14:32

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线

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

实验开源代码

  1. /*
  2.   【Arduino】189种传感器模块系列实验(资料代码+仿真编程+图形编程)
  3.   实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
  4.   项目之一百零五:ESP32+GC9A01之多彩旋转12射线
  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 <TFT_eSPI.h>
  15. #include "math.h"
  16. #define SCREEN_WIDTH 240
  17. #define SCREEN_HEIGHT 240
  18. #define CENTER_X SCREEN_WIDTH / 2
  19. #define CENTER_Y SCREEN_HEIGHT / 2
  20. #define NUM_CURVES 12  // **曲线数量**
  21. #define MAX_RADIUS 100  // **最大半径**
  22. #define ROTATION_SPEED 3  // **动态旋转速度**
  23. #define WAVE_AMPLITUDE 15  // **曲线波动幅度**
  24. TFT_eSPI tft = TFT_eSPI();
  25. float rotationAngle = 0;  // **旋转角度偏移**
  26. void setup() {
  27.     Serial.begin(115200);
  28.     tft.init();
  29.     tft.setRotation(1);
  30.     tft.fillScreen(TFT_BLACK);
  31. }
  32. void drawCurves(float rotationOffset) {
  33.     for (int curve = 0; curve < NUM_CURVES; curve++) {
  34.         float angle = curve * (360.0 / NUM_CURVES) + rotationOffset;
  35.         float radian = angle * M_PI / 180;
  36.         for (int r = 0; r < MAX_RADIUS; r += 2) {
  37.             float waveEffect = WAVE_AMPLITUDE * sin(r * 0.1 + rotationOffset);  // **加入波动**
  38.             int x = CENTER_X + cos(radian) * (r + waveEffect);
  39.             int y = CENTER_Y + sin(radian) * (r + waveEffect);
  40.             uint16_t color = tft.color565((x + y) % 255, 100 + (r % 155), 255 - (r % 155));
  41.             tft.drawPixel(x, y, color);
  42.         }
  43.     }
  44. }
  45. void loop() {
  46.     tft.fillScreen(TFT_BLACK);
  47.     drawCurves(rotationAngle);
  48.     rotationAngle = fmod(rotationAngle + ROTATION_SPEED, 360.0);
  49.     delay(50);
  50. }
复制代码


回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 前天 14:33

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线

这段代码只绘制动态曲线,通过 多层次曲线、颜色渐变、旋转变化,打造流畅且不断变化的几何视觉效果。
代码结构


1️⃣ 初始化屏幕
• 使用 TFT_eSPI 驱动 TFT 显示屏,设定黑色背景。
2️⃣ 绘制动态曲线
• drawCurves(rotationAngle); 计算 曲线的旋转角度 并绘制。
• sin() 和 cos() 用于计算曲线的 波动和扩展,增加动态感。
3️⃣ 颜色渐变
• tft.color565() 动态调整 颜色数值,使曲线呈现渐变效果。
4️⃣ 旋转变化
• rotationAngle = fmod(rotationAngle + ROTATION_SPEED, 360.0);
• 每次循环,曲线都会旋转一部分角度,让画面不断变化。
5️⃣ 持续循环
• delay(50); 控制刷新速度,使动画流畅。


最终效果

屏幕上呈现流畅、不断旋转的复杂曲线
曲线波动,让视觉充满生命感
颜色渐变,增强层次感和美观性

回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 前天 14:37

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线

实验场景图  动态图

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线图2

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线图1
回复

使用道具 举报

驴友花雕  中级技神
 楼主|

发表于 前天 14:39

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线

【花雕学编程】Arduino动手做(249)--GC9A01多彩旋转12射线图1
回复

使用道具 举报

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

本版积分规则

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

硬件清单

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

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

mail