驴友花雕 发表于 2025-4-11 19:39:04

【花雕学编程】Arduino动手做(249)---GC9A01彩虹七色滚动




驴友花雕 发表于 2025-4-11 19:42:21

【花雕学编程】Arduino动手做(249)---GC9A01彩虹七色滚动




驴友花雕 发表于 2025-4-11 19:44:06

【花雕学编程】Arduino动手做(249)---GC9A01彩虹七色滚动




驴友花雕 发表于 2025-4-11 19:45:50

【花雕学编程】Arduino动手做(249)---GC9A01彩虹七色滚动

【Arduino】189种传感器模块系列实验(资料代码+仿真编程+图形编程)
实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
项目之六十九:GC9A01园屏之填充彩虹颜色(红、橙、黄、绿、蓝、靛、紫)并滚动

实验开源代码

/*
【Arduino】189种传感器模块系列实验(资料代码+仿真编程+图形编程)
实验二百四十九:1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
项目之六十九: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 "SPI.h"                      // **包含 SPI 库,用于 TFT 屏幕通信**
#include "Adafruit_GFX.h"             // **包含 Adafruit GFX 图形库,用于绘制图形**
#include "Adafruit_GC9A01A.h"         // **包含 GC9A01A 屏幕驱动库**

#define TFT_CS 4                      // **定义 TFT 屏幕片选引脚**
#define TFT_DC 2                      // **定义 TFT 屏幕数据/命令选择引脚**
#define TFT_RST -1                  // **屏幕复位引脚(-1 表示未使用)**

Adafruit_GC9A01A tft = Adafruit_GC9A01A(TFT_CS, TFT_DC, TFT_RST); // **创建 TFT 屏幕对象**

#define SCREEN_WIDTH 240
#define SCREEN_HEIGHT 240
#define COLOR_WIDTH 40// **每个彩虹条的宽度**
#define SCROLL_SPEED 2// **滚动速度**

uint16_t rainbowColors[] = {
    tft.color565(255, 0, 0),   // 红色
    tft.color565(255, 165, 0), // 橙色
    tft.color565(255, 255, 0), // 黄色
    tft.color565(0, 255, 0),   // 绿色
    tft.color565(0, 0, 255),   // 蓝色
    tft.color565(75, 0, 130),// 靛蓝
    tft.color565(148, 0, 211)// 紫色
};

int colorX = 0;// **彩虹开始的位置**

void setup() {
    Serial.begin(115200);
    tft.begin();
    tft.setRotation(2);
    tft.fillScreen(tft.color565(0, 0, 0));// **初始化黑色背景**
}

void loop() {
    for (int i = 0; i < 7; i++) {
      int xPos = (colorX + i * COLOR_WIDTH) % (SCREEN_WIDTH + COLOR_WIDTH); // **计算滚动位置**
      tft.fillRect(xPos, 0, COLOR_WIDTH, SCREEN_HEIGHT, rainbowColors);
    }

    colorX += SCROLL_SPEED; // **让彩虹向右滚动**

    // **循环滚动**
    if (colorX >= SCREEN_WIDTH + COLOR_WIDTH) {
      colorX = 0;
    }

    delay(50);// **控制滚动速度**
}

驴友花雕 发表于 2025-4-11 19:50:47

【花雕学编程】Arduino动手做(249)---GC9A01彩虹七色滚动

这段代码的核心功能是 让彩虹背景向右滚动,并循环显示,形成动态效果。以下是简单的代码解读:

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

使用 Adafruit_GC9A01A 控制 TFT 屏幕。

设置 黑色背景 以增强彩虹对比度。

2️⃣ 定义彩虹颜色

rainbowColors[] 存储 七种颜色(红、橙、黄、绿、蓝、靛、紫)。

使用 color565() 格式化颜色,使其适用于屏幕显示。

3️⃣ 实现滚动动画

colorX 变量控制 彩虹条的位置。

fillRect() 按顺序绘制每个颜色块,并向右移动。

4️⃣ 循环滚动

当 colorX 超过屏幕宽度时,从左侧重新进入,形成连续动画。

delay(50); 控制动画速度,使滚动流畅。

最终效果
彩虹背景不断向右滚动,循环显示

流畅动画,视觉无闪烁

七彩渐变,增强动态效果

驴友花雕 发表于 2025-4-11 19:53:54

【花雕学编程】Arduino动手做(249)---GC9A01彩虹七色滚动

实验场景图动态图




驴友花雕 发表于 2025-4-11 19:55:04

【花雕学编程】Arduino动手做(249)---GC9A01彩虹七色滚动


页: [1]
查看完整版本: 【花雕学编程】Arduino动手做(249)---GC9A01彩虹七色滚动