【花雕动手做】有趣好玩的音乐可视化项目（04）---WS2812条灯

eagler8

偶然脑子发热心血来潮，想要做一个声音可视化的系列专题。这个专题的难度有点高，涉及面也比较广泛，相关的FFT和FHT等算法也相当复杂，不过还是打算从最简单的开始，实际动手做做试验，耐心尝试一下各种方案，逐步积累些有用的音乐频谱可视化的资料，也会争取成型一些实用好玩的音乐可视器项目。


【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯

项目所需材料如下：

gavinnnnnn

eagler8 发表于 2021-10-8 16:22
【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
  项目之三：12位环形音乐反应灯

请问有接线图嘛，按照您的做了效果不一样欸

eagler8

【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
  项目之四：音乐反应8位环形灯

  实验视频剪辑

https://v.youku.com/v_show/id_XN ... hcb.playlsit.page.5

eagler8

【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
  项目之四：音乐反应8位环形灯

  实验场景动态图

eagler8

【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
  项目之四：音乐反应8位环形灯

  实验开源代码

1. /*
   
2.   【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
   
3.   项目之四：音乐反应8位环形灯
   
4. */
   
5. 
   
6. #include<FastLED.h>
   
7. #define LED_PIN 6
   
8. #define NUM_LEDS 8
   
9. 
   
10. CRGB leds[NUM_LEDS];
    
11. uint8_t hue = 0;
    
12. int soundsensor = 7;
    
13. 
    
14. void setup() {
    
15.   delay(2000);
    
16.   Serial.begin(9600);
    
17.   FastLED.addLeds<WS2812B, LED_PIN, GRB>(leds, NUM_LEDS);
    
18.   FastLED.setBrightness(255);
    
19.   pinMode(soundsensor, INPUT);
    
20. }
    
21. 
    
22. void loop() {
    
23.   int sensval = digitalRead(soundsensor);
    
24. 
    
25.   if (sensval == 1) {
    
26.     Serial.println("ON");
    
27.     leds[0] = CRGB :: Red;
    
28.     fill_solid(leds, NUM_LEDS, CRGB :: Blue);
    
29.     rainbow_moving();
    
30.     FastLED.show();
    
31.     delay(10);
    
32.   }
    
33.   else {
    
34.     leds[0] = CRGB :: Black;
    
35.     fill_solid(leds, NUM_LEDS, CRGB :: Black);
    
36.     FastLED.show();
    
37.     delay(10);
    
38.   }
    
39. }
    
40. 
    
41. void rainbow_moving() {
    
42.   for (int i = 0; i < NUM_LEDS; i++) {
    
43.     leds[i] = CHSV(hue + (i * 10), 255, 255);
    
44.   }
    
45.   EVERY_N_MILLISECONDS(10) {
    
46.     hue++;
    
47.   }
    
48. }

复制代码

eagler8

弱密码 发表于 2021-10-8 17:01
杀马特效果

:loveliness: 谢谢鼓励

eagler8

     【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯     项目之三：12位环形音乐反应灯

  实验视频剪辑

https://v.youku.com/v_show/id_XNTgxMTczNDcwOA==.html?firsttime=0

弱密码

杀马特效果

eagler8

  实验场景动态图

eagler8

【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
  项目之三：12位环形音乐反应灯

  实验场景图

eagler8

【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
  项目之三：12位环形音乐反应灯

  实验开源代码

1. /*
   
2.   【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
   
3.   项目之三：12位环形音乐反应灯
   
4. */
   
5. 
   
6. #define FASTLED_INTERRUPT_RETRY_COUNT 0
   
7. //#define FASTLED_ESP8266_RAW_PIN_ORDER
   
8. 
   
9. #include <FastLED.h>
   
10. #define NUM_LEDS 12
    
11. CRGB leds[NUM_LEDS];
    
12. 
    
13. const int ledPin = 6;
    
14. int sensorPin = 7;
    
15. boolean val = 0;
    
16. 
    
17. void setup() {
    
18.   pinMode(ledPin, OUTPUT);
    
19.   pinMode(sensorPin, INPUT);
    
20.   Serial.begin (9600);
    
21.   FastLED.addLeds<WS2812B, ledPin, RGB>(leds, NUM_LEDS);
    
22. }
    
23. 
    
24. void loop () {
    
25.   val = digitalRead(sensorPin);
    
26.   Serial.println (val);
    
27.   if (val == HIGH) {
    
28.     leds[0] = CRGB(180, 0, 0);
    
29.     FastLED.show();
    
30.     delay(3);
    
31.     leds[1] = CRGB(0, 180, 0);
    
32.     FastLED.show();
    
33.     delay(3);
    
34.     leds[2] = CRGB(0, 0, 240);
    
35.     FastLED.show();
    
36.     delay(3);
    
37.     leds[3] = CRGB(150, 0, 240);
    
38.     FastLED.show();
    
39.     delay(5);
    
40.     leds[4] = CRGB(180, 200, 20);
    
41.     FastLED.show();
    
42.     delay(5);
    
43.     leds[5] = CRGB(85, 60, 180);
    
44.     FastLED.show();
    
45.     delay(10);
    
46.     leds[6] = CRGB(50, 220, 20);
    
47.     FastLED.show();
    
48.     delay(5);
    
49.     FastLED.show();
    
50.     leds[7] = CRGB(0, 0, 250);
    
51.     FastLED.show();
    
52.     delay(5);
    
53.     FastLED.show();
    
54.     leds[8] = CRGB(240, 0, 0);
    
55.     FastLED.show();
    
56.     delay(10);
    
57.     leds[9] = CRGB(0, 250, 0);
    
58.     FastLED.show();
    
59.     delay(10);
    
60.     leds[10] = CRGB(0, 0, 255);
    
61.     FastLED.show();
    
62.     delay(10);
    
63.     leds[11] = CRGB(220, 200, 20);
    
64.     FastLED.show();
    
65.     delay(10);
    
66.   }
    
67.   else {
    
68.     leds[12] = CRGB(150, 0, 255);
    
69.     FastLED.show();
    
70.   }
    
71.   FastLED.clear();
    
72. }

复制代码

eagler8

  实验场景动态图

eagler8

【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
  项目之二：数字信号驱动的七色节奏灯

  实验视频剪辑

https://v.youku.com/v_show/id_XNTgxMTgyNDkwNA==.html?firsttime=0

eagler8

  【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
  项目之二：数字信号驱动的七色节奏灯

  实验开源代码

1. /*
   
2.   【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
   
3.   项目之二：数字信号驱动的七色节奏灯
   
4. */
   
5. 
   
6. #define FASTLED_INTERRUPT_RETRY_COUNT 0
   
7. //#define FASTLED_ESP8266_RAW_PIN_ORDER
   
8. 
   
9. #include <FastLED.h>
   
10. #define NUM_LEDS 8
    
11. CRGB leds[NUM_LEDS];
    
12. 
    
13. const int ledPin = 6;
    
14. int sensorPin = 7;
    
15. boolean val = 0;
    
16. 
    
17. void setup() {
    
18.   pinMode(ledPin, OUTPUT);
    
19.   pinMode(sensorPin, INPUT);
    
20.   Serial.begin (9600);
    
21.   FastLED.addLeds<WS2812B, ledPin, RGB>(leds, NUM_LEDS);
    
22. }
    
23. 
    
24. void loop () {
    
25.   val = digitalRead(sensorPin);
    
26.   Serial.println (val);
    
27.   if (val == HIGH) {
    
28.     leds[0] = CRGB(180, 0, 0);
    
29.     FastLED.show();
    
30.     delay(3);
    
31.     leds[1] = CRGB(0, 180, 0);
    
32.     FastLED.show();
    
33.     delay(3);
    
34.     leds[2] = CRGB(0, 0, 240);
    
35.     FastLED.show();
    
36.     delay(3);
    
37.     leds[3] = CRGB(150, 0, 240);
    
38.     FastLED.show();
    
39.     delay(5);
    
40.     leds[4] = CRGB(220, 200, 20);
    
41.     FastLED.show();
    
42.     delay(5);
    
43.     leds[5] = CRGB(85, 60, 180);
    
44.     FastLED.show();
    
45.     delay(10);
    
46.     leds[6] = CRGB(50, 220, 20);
    
47.     FastLED.show();
    
48.     delay(10);
    
49.     FastLED.show();
    
50.     leds[7] = CRGB(220, 220, 250);
    
51.     FastLED.show();
    
52.     delay(10);
    
53.     FastLED.show();
    
54.   }
    
55.   else {
    
56.     leds[8] = CRGB(150, 0, 255);
    
57.     FastLED.show();
    
58.   }
    
59.   FastLED.clear();
    
60. }

复制代码

eagler8

  实验场景动态图

eagler8

wfzdm 发表于 2021-10-8 14:03
这个灯是随音乐变化改变颜色和亮度吧

这个是使用简单声音模块的，通过声级大小来触发，偏向节奏灯

eagler8

【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
  项目之一： 使用KY—038声音模块的阙值触发WS2812节奏灯条


  实验视频剪辑

https://v.youku.com/v_show/id_XNTgxMTgxMjMwOA==.html?firsttime=0

wfzdm

这个灯是随音乐变化改变颜色和亮度吧

eagler8

  【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
  项目之一： 使用KY—038声音模块的阙值触发WS2812节奏灯条

  实验场景图

eagler8

  【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
  项目之一： 使用KY—038声音模块的阙值触发WS2812节奏灯条

  实验开源代码

1. /*
   
2.   【花雕动手做】有趣好玩的音乐可视化系列小项目（04）---WS2812条灯
   
3.   项目之一： 使用KY—038声音模块的阙值触发WS2812节奏灯条
   
4. */
   
5. 
   
6. #include<FastLED.h>
   
7. #define LED_PIN 6
   
8. #define NUM_LEDS 8
   
9. 
   
10. CRGB leds[NUM_LEDS];
    
11. uint8_t hue = 0;
    
12. int soundsensor = 7;
    
13. 
    
14. void setup() {
    
15.   delay(2000);
    
16.   Serial.begin(9600);
    
17.   FastLED.addLeds<WS2812B, LED_PIN, GRB>(leds, NUM_LEDS);
    
18.   FastLED.setBrightness(255);
    
19.   pinMode(soundsensor, INPUT);
    
20. }
    
21. 
    
22. void loop() {
    
23.   int sensval = digitalRead(soundsensor);
    
24. 
    
25.   if (sensval == 1) {
    
26.     Serial.println("ON");
    
27.     leds[0] = CRGB :: Red;
    
28.     fill_solid(leds, NUM_LEDS, CRGB :: Blue);
    
29.     rainbow_moving();
    
30.     FastLED.show();
    
31.     delay(10);
    
32.   }
    
33.   else {
    
34.     leds[0] = CRGB :: Black;
    
35.     fill_solid(leds, NUM_LEDS, CRGB :: Black);
    
36.     FastLED.show();
    
37.     delay(10);
    
38.   }
    
39. }
    
40. 
    
41. void rainbow_moving() {
    
42.   for (int i = 0; i < NUM_LEDS; i++) {
    
43.     leds[i] = CHSV(hue + (i * 10), 255, 255);
    
44.   }
    
45.   EVERY_N_MILLISECONDS(10) {
    
46.     hue++;
    
47.   }
    
48. }

复制代码