【花雕学编程】Arduino动手做（249）--GC9A01随机的视觉风格

  【Arduino】189种传感器模块系列实验（资料代码+仿真编程+图形编程）
  实验二百四十九：1.28寸圆形彩色TFT显示屏 高清IPS 模块 240*240 SPI接口GC9A01驱动
  项目之一百零七：ESP32+GC9A01之随机切换极简几何、数据可视化和粒子流动视觉风格

实验开源代码

/*
  【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 <TFT_eSPI.h>
#include "math.h"

#define SCREEN_WIDTH 240
#define SCREEN_HEIGHT 240
TFT_eSPI tft = TFT_eSPI();
int mode = 0;  // **当前模式编号**

void setup() {
    Serial.begin(115200);
    tft.init();
    tft.setRotation(2);
    tft.fillScreen(TFT_BLACK);
}

void drawMinimalGeometry() {
    tft.fillScreen(TFT_BLACK);
    int size = random(30, 100);
    int x = random(40, SCREEN_WIDTH - 40);
    int y = random(40, SCREEN_HEIGHT - 40);
    uint16_t color = tft.color565(random(50, 255), random(50, 255), random(50, 255));

    if (random(0, 2) == 0) {
        tft.fillRect(x, y, size, size, color);
    } else {
        tft.fillTriangle(x, y, x + size, y, x + size / 2, y - size, color);
    }
}

void drawDataVisualization() {
    tft.fillScreen(TFT_BLACK);
    for (int i = 0; i < 10; i++) {
        int barHeight = random(30, SCREEN_HEIGHT - 50);
        uint16_t color = tft.color565(random(50, 255), random(50, 255), random(50, 255));
        tft.fillRect(i * 20 + 20, SCREEN_HEIGHT - barHeight, 15, barHeight, color);
    }
}

void drawParticleFlow() {
    tft.fillScreen(TFT_BLACK);
    for (int i = 0; i < 100; i++) {
        int x = random(10, SCREEN_WIDTH - 10);
        int y = random(10, SCREEN_HEIGHT - 10);
        uint16_t color = tft.color565(random(100, 255), random(100, 255), random(100, 255));
        tft.drawPixel(x + sin(i * 0.1) * 20, y + cos(i * 0.1) * 20, color);
    }
}

void loop() {
    mode = random(0, 3);  // **随机选择模式**

    if (mode == 0) {
        drawMinimalGeometry();  // 极简几何模式
    } else if (mode == 1) {
        drawDataVisualization();  // 数据可视化模式
    } else {
        drawParticleFlow();  // 粒子流动模式
    }

    delay(1000);
}
复制代码

这段代码随机切换三种视觉风格，在 极简几何、数据可视化、粒子流动 之间变换，使屏幕动态丰富。
代码结构


1️⃣ 初始化屏幕
• TFT_eSPI 驱动 GC9A01 显示屏，黑色背景确保清晰度。
2️⃣ 随机选择视觉模式
• mode = random(0, 3); 每次循环 随机选择一个风格（几何、数据可视化、粒子流动）。
3️⃣ 几何变换
• drawMinimalGeometry(); 随机绘制正方形或三角形，构造简约图像。
4️⃣ 数据可视化
• drawDataVisualization(); 生成 动态条形统计图，模拟数据变化。
5️⃣ 粒子流动
• drawParticleFlow(); 让 多个粒子沿着波动轨迹流动，形成涟漪感。
6️⃣ 持续刷新
• delay(1000); 每秒更新一次，让视觉不断变化。


最终效果

极简几何模式：形状随机出现，简约但充满节奏感
数据可视化模式：条形图动态调整，模拟统计数据变化
粒子流动模式：涟漪式点阵运动，增强流体感
每次切换模式，让视觉体验充满惊喜

实验场景图  动态图