Volume Indicator Neopixel Ws2812 LED Ring & Arduino

In this tutorial we will learn how to make a Volume Indicator using a Neopixel Ws2812 LED Ring and arduino.

Watch the Video!

Step 1: What You Will Need

• Arduino Uno or any other Arduino board
• NeoPixel – RGB LED Ring
• Jumper wires
• Potentiometer
• Visuino software: Download here

Step 2: The Circuit

• Connect Arduino board pin 5V to LedRing pin VCC
• Connect Arduino board pin GND to LedRing pin GND
• Connect Arduino board Digital pin 2 to LedRing pin DI
• Connect potentiometer pin OTB to Arduino Analog Pin A0
• Connect potentiometer pin VCC to Arduino Analog Pin 5V
• Connect potentiometer pin GND to Arduino Pin GND

Step 5: Start Visuino, and Select the Arduino UNO Board Type

The Visuino: https://www.visuino.eu also needs to be installed. Download Free version or register for a Free Trial.

Start Visuino as shown in the first picture Click on the “Tools” button on the Arduino component (Picture 1) in Visuino When the dialog appears, select “Arduino UNO” as shown on Picture 2

Step 4: In Visuino Add Components

• Add “Map Range Analog” component
• Add “Ramp To Analog Value” component
• Add “Analog To Unsigned” component
• Add 2X “Compare Analog Value” component
• Add 2X “Color Value” component
• Add “RGBW Color Multi-Source Merger” component
• Add “NeoPixels” component

 

Step 5: In Visuino Set Components

   

• Select “MapRange1” and in the properties set Input Range> Max to 1, and Input Range> Min to 0
• Select “MapRange1” and in the properties set Output Range> Max to 12, and Output Range> Min to 0

Note: Output Range> Max to 12 is the number of LED on the LEDRing

• Select “RampToValue1” and in the properties window set Slope (S) to 1000
• Select “CompareValue1” and in the properties window set Compare Type to ctBigger and Value to 10
  also select Value field and click on the Pin Icon and select “Float Sink Pin”
• Select “CompareValue2” and in the properties window set Compare Type to ctSmaller
  also select Value field and click on the Pin Icon and select “Float Sink Pin”
• Select “ColorValue2” and in the properties window set Value to clNavy
• Double click on the “NeoPixels1” and in the PixelGroups window drag ColorPixel to the left side, and in the properties window then set Count Pixels to 12

Note: Count Pixels 12 is the number of the LED on the LEDRing

Step 6: In Visuino Connect Components

• Connect Arduino Analog pin [0] Out to MapRange1 pin In
• Connect “MapRange1” pin Out to RampToValue1 pin In, and CompareValue1 pin Value and CompareValue2 pin Value
• Connect “RampToValue1” pin Out to CompareValue1 pin In and CompareValue2 pin In and AnalogToUnsigned1 pin In
• Connect AnalogToUnsigned1 pin Out to NeoPixels1 pin Index
• Connect CompareValue1 pin Out to ColorValue1 pin Clock
• Connect CompareValue2 pin Out to ColorValue2 pin Clock
• Connect ColorValue1 pin Out to RGBWColorMultiMerger1 pin [0]
• Connect ColorValue2 pin Out to RGBWColorMultiMerger1 pin [1]
• Connect RGBWColorMultiMerger1 pin Out to NeoPixels1 pin Color
• Connect NeoPixels1 pin Out to Arduino Digital Pin 2

Step 7: Generate, Compile, and Upload the Arduino Code

In Visuino, at the bottom click on the “Build” Tab, make sure the correct port is selected, then click on the “Compile/Build and Upload” button.

Step 8: Play