ESP32 C3基于arduino点亮24位ws2812彩色灯实现渐变色效果以及七彩流光效果

渐变色原理:

在这里插入图片描述

首先需要添加一个库文件

顺序为:项目->加载库->管理库
在这里插入图片描述
搜索:Adafruit_NeoPixel,并下载
在这里插入图片描述
源码:

// 调用Adafruit_NeoPixel模块
#include <Adafruit_NeoPixel.h>

// 设置灯珠数量
#define NUMPIXELS        24

// 设置SPI输出数据引脚
#define PIN_NEOPIXEL    6

// 初始化灯珠控制实例
Adafruit_NeoPixel pixels(NUMPIXELS, PIN_NEOPIXEL, NEO_GRB + NEO_KHZ800);

// 当前灯珠指向
int16_t idx = 0;


// 启动设置
void setup() {
  // 调试串口速率设置
  Serial.begin(115200);

  // 灯珠控制开始
  pixels.begin();

  // 设置亮度为255
  pixels.setBrightness(255);

  // 设置灯珠颜色,全部关闭
  pixels.fill(0x000000);

  delay(100);

  // 设置灯珠颜色
  pixels.fill(0xFF0000);

  delay(100);

  pixels.clear();
}


uint16_t c1 = 0;
uint16_t c2 = 0;
uint16_t c3 = 0;     
uint16_t sign_bit =0;
uint16_t sign = 1;
// 循环主体程序
void loop() {
    if(sign_bit == 0){//这个if语句在循环体内只运行一次,该if语句及下方if语句可以用switch代替
	      if(sign){
	        c1++;
	        if(c1>=255)
	          sign=0;
	      }else{
	        c2++;
	        if(c2>=255){
	          sign=1;
	          sign_bit = 1;
	        }
	      }
    }
    if(sign_bit == 1){
	      if(sign){
	        c1--;
	        if(c1<=0)
	          sign=0;
	      }else{
	        c3++;
	        if(c3>=255){
	          sign=1;
	          sign_bit = 2;
	        }
	      }
    }
    if(sign_bit == 2){
	      if(sign){
	        c2--;
	        if(c2<=0)
	          sign=0;
	      }else{
	        c1++;
	        if(c1>=255){
	          sign=1;
	          sign_bit = 3;
	        }
	      }
    }
    if(sign_bit == 3){
	      if(sign){
	        c3--;
	        if(c3<=0)
	          sign=0;
	      }else{
	        c2++;
	        if(c2>=255){
	          sign=1;
	          sign_bit = 1;
	        }
	      }
    }
  
    //在这里注释的是一个一个将灯珠点亮并实现渐变
    idx++;
    if(idx > 24){
      idx = 0;
    }
    pixels.setPixelColor(idx, pixels.Color(c1,c2,c3));

    
    /*=======================================
    全部点亮用该函数
	pixels.fill(pixels.Color(c1,c2,c3));
	=======================================*/
  
    delay(10);//延时,改变速度
    // 显示
    pixels.show();
  }
}

视频效果:

VID_20220802_091105

上方则就是实现渐变色的算法

至于实现七彩流光效果,原理图如下
在这里插入图片描述
我们先将灯珠的颜色分为24个等级,再将灯点亮,先不要让灯珠颜色转动,代码原理如上图
成功点亮后,初始化时将灯珠保存于数组中,在循环体中依次将数组中的元素往后移动一个位置
相关的方法有很多,也有直接将分好等级的灯珠每一个直接开始渐变的,下面的方法我认为是最简单理解的了
代码:

// 调用Adafruit_NeoPixel模块
#include <Adafruit_NeoPixel.h>

// 设置灯珠数量
#define NUMPIXELS        24

// 设置SPI输出数据引脚
#define PIN_NEOPIXEL    6

// LED引脚设置
#define PIN_LED         18

// 初始化灯珠控制实例
Adafruit_NeoPixel pixels(NUMPIXELS, PIN_NEOPIXEL, NEO_GRB + NEO_KHZ800);

// 当前灯珠指向
int16_t idx = 0;

//初始化将灯珠的等级保存于数组中
int16_t ArraySave[NUMPIXELS][3] = {0};

// 启动设置
void setup() {
  // 调试串口速率设置
  Serial.begin(115200);
  pinMode(PIN_LED, OUTPUT);

  // 灯珠控制开始
  pixels.begin();

  // 设置亮度为255
  pixels.setBrightness(255);

  // 设置灯珠颜色,全部关闭
  pixels.fill(0x000000);

  delay(100);

  // 设置灯珠颜色
  pixels.fill(0xFF0000);

  delay(100);

  pixels.clear();

  int j = 0;
  
  //将灯珠颜色根据图示分成24份
  for(j=0;j<NUMPIXELS/3;j++){
      pixels.setPixelColor(j,pixels.Color(248-255/(NUMPIXELS/3)*j,255/(NUMPIXELS/3)*j,0));
      ArraySave[j][0]=248-255/(NUMPIXELS/3)*j;
      ArraySave[j][1]=255/(NUMPIXELS/3)*j;
      ArraySave[j][2]=0;
  }
  for(j=0;j<NUMPIXELS/3;j++){
      pixels.setPixelColor(j+8,pixels.Color(0,248-255/(NUMPIXELS/3)*j,255/(NUMPIXELS/3)*j));
      ArraySave[j+NUMPIXELS/3][0]=0;
      ArraySave[j+NUMPIXELS/3][1]=248-255/(NUMPIXELS/3)*j;
      ArraySave[j+NUMPIXELS/3][2]=255/(NUMPIXELS/3)*j;
  }
  for(j=0;j<NUMPIXELS/3;j++){
      pixels.setPixelColor(j+16,pixels.Color(255/(NUMPIXELS/3)*j,0,248-255/(NUMPIXELS/3)*j));
      ArraySave[j+NUMPIXELS/3*2][0]=255/(NUMPIXELS/3)*j;
      ArraySave[j+NUMPIXELS/3*2][1]=0;
      ArraySave[j+NUMPIXELS/3*2][2]=248-255/(NUMPIXELS/3)*j;
  }
   //将灯珠颜色根据图示分成24份

}


uint16_t c1 = 0;
uint16_t c2 = 0;
uint16_t c3 = 0;     
uint16_t sign_bit =0;
uint16_t sign = 1;

// 循环主体程序
void loop(){
    uint16_t i = 0,k = 0;
    uint16_t t[3] = {0};
    for(k=0;k<3;k++){
        t[k]=ArraySave[0][k];
    }
    //NUMPIXELS-1防止ArraySave[i+1][k]越界
    for(i=0;i<(NUMPIXELS-1);i++){
      for(k=0;k<3;k++){
        ArraySave[i][k]=ArraySave[i+1][k];
      }
      pixels.setPixelColor(i,ArraySave[i][0],ArraySave[i][1],ArraySave[i][2]);
    }
    
    for(k=0;k<3;k++){
        ArraySave[NUMPIXELS-1][k]=t[k];  
    }
    pixels.setPixelColor(NUMPIXELS-1,ArraySave[NUMPIXELS-1][0],ArraySave[NUMPIXELS-1][1],ArraySave[NUMPIXELS-1][2]);
    
    delay(50);
    // 显示
    pixels.show();
}


视频效果:

VID_20220802_091200

当然,点亮的方式有很多种,可以实现很多花样,具体算法自己琢磨吧

### WS2812B 渐变色流水算法实现 为了实现WS2812B的渐变色流水效果,一种有效的方法是在每次更新光状态时调整相邻两盏之间的色彩过渡。此过程可以通过逐步改变每盏的颜色分量来达成平滑变化的效果。 对于基于STM32F103C8T6平台上的应用而言,在设置单个LED颜色时采用的是GRB格式的数据传输[^2]。当涉及到多个LED间的颜色渐变,则需引入额外逻辑控制各个像素点之间色彩的变化规律。下面给出一段伪代码用于说明如何创建这种视觉上连续变换的效果: ```c // 定义全局变量保存当前正在处理的置以及目标颜色值 uint8_t currentPos = 0; CRGB targetColor; void setup() { // 初始化工作... } void loop() { static CRGB leds[NUM_LEDS]; // 数组存储所有LED的状态 // 设置新的目标颜色并重置置指针 (仅首次运行或特定条件下执行) if(/* 条件 */) { targetColor = CHSV(random(256), 255, 255).toRGB(); // 随机选择新颜色 currentPos = 0; } // 对于每一个LED计算其应显示的颜色 for(int i=0; i<NUM_LEDS; ++i){ float distance = abs(currentPos - i); float ratio = min(distance / MAX_DISTANCE, 1.0f); // 计算距离比例 // 使用线性插值(LERP)获得中间色调 leds[i].r = lerp(targetColor.r, previousColor.r, ratio); leds[i].g = lerp(targetColor.g, previousColor.g, ratio); leds[i].b = lerp(targetColor.b, previousColor.b, ratio); FastLED.show(); } delay(DELAY_TIME_BETWEEN_FRAMES); // 控制帧率以达到流畅动画效果 // 更新当前置以便下一周期继续移动 currentPos++; } ``` 上述代码片段展示了如何利用线性插值(LERP)函数在两个端点间生成一系列中间值,从而使得颜色转换更加自然柔和。`MAX_DISTANCE`定义了影响范围内的最大跨度;而`previousColor`则代表旧有的基准色,通常初始化为黑色或其他默认背景色。此外,还应注意调节延迟时间(`DELAY_TIME_BETWEEN_FRAMES`)以匹配所需的播放速度。 值得注意的是,实际编程过程中可能还需要考虑硬件资源限制等因素,并据此优化算法性能。例如,ESP系列设备可能会因为内存紧张而难以维持较大的缓冲区,这时就需要寻找更高效的解决方案[^4]。
评论 20
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

睡眼红瞳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值