DF创客社区
发现
DF创客商城
教程
产品资料库
搜索
热门搜索
人工智能
视觉传感器
AI 人工智能
行空板
主控板
二哈识图
热门活动
关闭
DF创客社区
发现
DF创客商城
教程
产品资料库
【花雕学编程】Arduino动手做(249)--GC9A01流动波纹与螺旋
2025-04-17
1520
驴友花雕
UID: 1737
2964
文章
158
粉丝
1.1万
获取喜欢
0
0
创作许可协议
本项目采用
None(不开放任何权利,保留所有权利)
进行许可。
其他主题
Arduino
添加到合集
0
0
相关推荐
DF创客社区2014年度编辑选择奖 教程篇
Ash1
3.9万
3
我的Q&A问答专栏
陈德熹
3
0
BLE Arduino开发神器 Bluno Beetle开启免费试用啦!
Ash1
2.3万
0
评论(6)
驴友花雕
作者
回复
驴友花雕
作者
实验场景图 动态图
回复
驴友花雕
作者
这段代码
绘制流动波纹与旋转螺旋结合的动态视觉效果
,通过
波动扩展、螺旋变形、随机渐变
,打造独特的几何动画风格。
[b]代码结构
[/b]
1️⃣
初始化屏幕
[list]
[*]TFT_eSPI 驱动
GC9A01 显示屏
,并设定黑色背景。
[/list]2️⃣
绘制波动曲线
[list]
[*]drawWavePattern(rotationAngle); 生成
多层波纹,每层有不同旋转偏移
。
[*]sin() 和 cos() 用于计算
螺旋扩展和流体波动
,形成不断变形的视觉体验。
[/list]3️⃣
颜色渐变
[list]
[*]tft.color565() 让波纹的颜色
随位置动态变化
,增强层次感和立体感。
[/list]4️⃣
旋转变化
[list]
[*]rotationAngle = fmod(rotationAngle + ROTATION_SPEED, 360.0);
[*]
每次循环
,波纹曲线都会
旋转一定角度
,不断变化形态,使画面更具动态感。
[/list]5️⃣
持续刷新
[list]
[*]delay(50); 控制动画刷新速度,使曲线更加流畅。
[/list]
[b]最终效果
[/b]
屏幕显示流动感强烈的波纹与旋转螺旋结构
不同层次交错,颜色渐变增强视觉冲击力
动态曲线演变,使动画更具生命力
回复
驴友花雕
作者
【Arduino】189种传感器模块系列实验(资料代码+仿真编程+图形编程)
实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
项目之一百零九:ESP32+GC9A01之屏幕呈现流动波纹与旋转螺旋结合的动态视觉
实验开源代码
[code]/*
【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
#include "math.h"
#define SCREEN_WIDTH 240
#define SCREEN_HEIGHT 240
#define CENTER_X SCREEN_WIDTH / 2
#define CENTER_Y SCREEN_HEIGHT / 2
#define NUM_WAVES 8 // **波动层次**
#define NUM_POINTS 60 // **每层的点数量**
#define MAX_RADIUS 120 // **最大扩展半径**
#define ROTATION_SPEED 10 // **旋转速度**
#define WAVE_AMPLITUDE 30 // **波动扩展幅度**
#define COLOR_VARIATION 5 // **颜色变化速度**
TFT_eSPI tft = TFT_eSPI();
float rotationAngle = 0; // **旋转偏移角**
void setup() {
Serial.begin(115200);
tft.init();
tft.setRotation(1);
tft.fillScreen(TFT_BLACK);
}
void drawWavePattern(float rotationOffset) {
for (int wave = 0; wave < NUM_WAVES; wave++) {
float waveOffset = wave * 8; // **层次偏移**
float waveRadius = MAX_RADIUS * (0.7 + wave * 0.05); // **不同层次半径变化**
for (int point = 0; point < NUM_POINTS; point++) {
float angle = point * (360.0 / NUM_POINTS) + rotationOffset + waveOffset;
float radian = angle * M_PI / 180;
for (int r = 0; r < waveRadius; r += 3) {
float waveEffect = WAVE_AMPLITUDE * sin(r * 0.1 + rotationOffset); // **波动增强**
int x = CENTER_X + cos(radian) * (r + waveEffect);
int y = CENTER_Y + sin(radian) * (r + waveEffect);
uint16_t color = tft.color565((x + y + wave * COLOR_VARIATION) % 255, 150 + (r % 105), 255 - (r % 125));
tft.drawPixel(x, y, color);
}
}
}
}
void loop() {
tft.fillScreen(TFT_BLACK);
drawWavePattern(rotationAngle);
rotationAngle = fmod(rotationAngle + ROTATION_SPEED, 360.0);
delay(30);
}[/code]
回复
驴友花雕
作者
回复
驴友花雕
作者
回复
- 没有更多了 -
驴友花雕
UID: 1737
2964
文章
158
粉丝
1.1万
获取喜欢
创作许可协议
本项目采用
None(不开放任何权利,保留所有权利)
进行许可。
相关推荐
DF创客社区2014年度编辑选择奖 教程篇
Ash1
3.9万
3
我的Q&A问答专栏
陈德熹
3
0
BLE Arduino开发神器 Bluno Beetle开启免费试用啦!
Ash1
2.3万
0
[b]代码结构[/b]
1️⃣ 初始化屏幕
[list]
[*]TFT_eSPI 驱动 GC9A01 显示屏,并设定黑色背景。
[/list]2️⃣ 绘制波动曲线
[list]
[*]drawWavePattern(rotationAngle); 生成 多层波纹,每层有不同旋转偏移。
[*]sin() 和 cos() 用于计算 螺旋扩展和流体波动,形成不断变形的视觉体验。
[/list]3️⃣ 颜色渐变
[list]
[*]tft.color565() 让波纹的颜色 随位置动态变化,增强层次感和立体感。
[/list]4️⃣ 旋转变化
[list]
[*]rotationAngle = fmod(rotationAngle + ROTATION_SPEED, 360.0);
[*]每次循环,波纹曲线都会 旋转一定角度,不断变化形态,使画面更具动态感。
[/list]5️⃣ 持续刷新
[list]
[*]delay(50); 控制动画刷新速度,使曲线更加流畅。
[/list]
[b]最终效果[/b]
屏幕显示流动感强烈的波纹与旋转螺旋结构
不同层次交错,颜色渐变增强视觉冲击力
动态曲线演变,使动画更具生命力
实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
项目之一百零九:ESP32+GC9A01之屏幕呈现流动波纹与旋转螺旋结合的动态视觉
实验开源代码
[code]/*
【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
#include "math.h"
#define SCREEN_WIDTH 240
#define SCREEN_HEIGHT 240
#define CENTER_X SCREEN_WIDTH / 2
#define CENTER_Y SCREEN_HEIGHT / 2
#define NUM_WAVES 8 // **波动层次**
#define NUM_POINTS 60 // **每层的点数量**
#define MAX_RADIUS 120 // **最大扩展半径**
#define ROTATION_SPEED 10 // **旋转速度**
#define WAVE_AMPLITUDE 30 // **波动扩展幅度**
#define COLOR_VARIATION 5 // **颜色变化速度**
TFT_eSPI tft = TFT_eSPI();
float rotationAngle = 0; // **旋转偏移角**
void setup() {
Serial.begin(115200);
tft.init();
tft.setRotation(1);
tft.fillScreen(TFT_BLACK);
}
void drawWavePattern(float rotationOffset) {
for (int wave = 0; wave < NUM_WAVES; wave++) {
float waveOffset = wave * 8; // **层次偏移**
float waveRadius = MAX_RADIUS * (0.7 + wave * 0.05); // **不同层次半径变化**
for (int point = 0; point < NUM_POINTS; point++) {
float angle = point * (360.0 / NUM_POINTS) + rotationOffset + waveOffset;
float radian = angle * M_PI / 180;
for (int r = 0; r < waveRadius; r += 3) {
float waveEffect = WAVE_AMPLITUDE * sin(r * 0.1 + rotationOffset); // **波动增强**
int x = CENTER_X + cos(radian) * (r + waveEffect);
int y = CENTER_Y + sin(radian) * (r + waveEffect);
uint16_t color = tft.color565((x + y + wave * COLOR_VARIATION) % 255, 150 + (r % 105), 255 - (r % 125));
tft.drawPixel(x, y, color);
}
}
}
}
void loop() {
tft.fillScreen(TFT_BLACK);
drawWavePattern(rotationAngle);
rotationAngle = fmod(rotationAngle + ROTATION_SPEED, 360.0);
delay(30);
}[/code]