回到首页 返回首页
回到顶部 回到顶部
返回上一页 返回上一页

【花雕学编程】Arduino动手做(199)---ESP32 LCD12864屏之循环绘制递增半径的圆形 简单

头像 驴友花雕 2025.05.07 11 0

00 (1).jpg
00 (2).jpg
03.jpg
09.jpg
10 (1).jpg
10-1.jpg

  【Arduino】168种传感器模块系列实验(资料代码+仿真编程+图形编程)
 实验一百九十九:蓝屏LCD12864液晶屏 带中文字库 带背光12864-5V 并口串口
 项目之八:ESP32 LCD12864屏之循环绘制递增半径的圆形

实验开源代码

 

代码
/*
  【Arduino】168种传感器模块系列实验(资料代码+仿真编程+图形编程)
  实验一百九十九:蓝屏LCD12864液晶屏 带中文字库 带背光12864-5V 并口串口
  项目之八:ESP32 LCD12864屏之循环绘制递增半径的圆形
*/

#include <Arduino.h>
#include <U8g2lib.h>
#include <SPI.h>

// 使用软件 SPI 适配 ESP32
U8G2_ST7920_128X64_F_SW_SPI u8g2(U8G2_R0, /* Clock=*/ 18, /* Data=*/ 23, /* CS=*/ 16, /* Reset=*/ 17);

int radius = 5;  // **初始半径**
int maxRadius = 30; // **最大半径**
int centerX = 64;  // **屏幕中心 X**
int centerY = 32;  // **屏幕中心 Y**

void setup() {
    Serial.begin(115200);
    u8g2.begin();
    u8g2.setPowerSave(0);  // **关闭省电模式**
    u8g2.setContrast(200); // **提高对比度**
    u8g2.setDisplayRotation(U8G2_R2);  // **旋转 180 度**
}

void loop() {
    u8g2.firstPage();
    do {
        u8g2.drawCircle(centerX, centerY, radius);  // **绘制当前半径的圆**
    } while (u8g2.nextPage());

    radius += 5;  // **半径递增**
    
    // **如果达到最大半径,重置为最小值**
    if (radius > maxRadius) {
        radius = 5;
    }

    delay(500);  // **每 500 毫秒更新一次**
}

简单解读

这段代码在 ST7920 LCD 屏幕 上实现了 递增半径的圆形绘制,核心逻辑如下:

1. 初始化
✅ u8g2.begin(); → 启动 ST7920 屏幕 
✅ u8g2.setPowerSave(0); → 确保屏幕不进入省电模式 
✅ u8g2.setContrast(200); → 调整对比度,确保圆形清晰可见 
✅ u8g2.setDisplayRotation(U8G2_R2); → 让屏幕旋转 180 度

2. 递增半径
✅ radius += 5; → 每次循环增加圆的半径 
✅ if (radius > maxRadius) radius = 5; → 达到最大半径后,重新开始

3. 圆形绘制
✅ drawCircle(centerX, centerY, radius); → 在屏幕中心绘制当前半径的圆 
✅ 持续刷新 → delay(500); 控制显示间隔,让视觉效果流畅

4. 循环效果
✅ 不断变化的圆形大小 → 圆从小到大逐步增大,到达最大值后重新变小 
✅ 视觉动态 → 形成连续扩展和重置的循环动画

这段代码让 ST7920 屏幕不断绘制递增大小的圆,并循环


实验场景图  动态图

 

11-4.jpg
00125--.gif

评论

user-avatar
icon 他的勋章
    展开更多