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

【花雕学编程】Arduino动手做(249)---GC9A01彩虹颜色渐变




驴友花雕 发表于 2025-4-11 19:22:28

【花雕学编程】Arduino动手做(249)---GC9A01彩虹颜色渐变




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

【花雕学编程】Arduino动手做(249)---GC9A01彩虹颜色渐变




驴友花雕 发表于 2025-4-11 19:26:43

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

// **定义彩虹颜色**
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)// 紫色
};

void setup() {
    Serial.begin(115200);
    tft.begin();
    tft.setRotation(1);
}

void loop() {
    int stripeHeight = SCREEN_HEIGHT / 7; // **每种颜色占屏幕的 1/7 高度**
   
    for (int i = 0; i < 7; i++) {
      tft.fillRect(0, i * stripeHeight, SCREEN_WIDTH, stripeHeight, rainbowColors);
    }

    delay(500); // **延迟一会儿,让渐变可见**
}

驴友花雕 发表于 2025-4-11 19:28:12

【花雕学编程】Arduino动手做(249)---GC9A01彩虹颜色渐变

这段代码的主要功能是 在屏幕上绘制彩虹渐变背景,由七种颜色 红、橙、黄、绿、蓝、靛、紫 组成,每种颜色占屏幕 1/7 的高度。以下是简单的代码解读:

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

使用 Adafruit_GC9A01A 控制 TFT 屏幕。

不断填充背景以实现渐变效果。

2️⃣ 定义彩虹颜色

rainbowColors[] 数组存储 七种彩虹颜色,使用 color565() 转换为屏幕支持的色彩格式。

3️⃣ 绘制渐变背景

fillRect(0, i * stripeHeight, SCREEN_WIDTH, stripeHeight, rainbowColors);

依次填充 七个矩形区域,完成彩虹效果。

4️⃣ 循环更新

使用 delay(500); 控制颜色刷新,让渐变清晰可见。

最终效果
彩虹渐变背景,鲜艳色彩层次分明

流畅渲染,视觉柔和自然

可调整色彩范围,增加更细腻的渐变效果

驴友花雕 发表于 2025-4-11 19:32:23

【花雕学编程】Arduino动手做(249)---GC9A01彩虹颜色渐变

实验场景图




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