Beginner
10 min

Create visually appealing and interactive lighting displays with 1312121320437 and STM32F031K6

2x4 RGB LED matrix for dynamic and colorful lighting effects

2x4 RGB Click with Nucleo 32 with STM32F031K6 MCU

Published Oct 08, 2024

Click board™

2x4 RGB Click

Dev. board

Nucleo 32 with STM32F031K6 MCU

Compiler

NECTO Studio

MCU

STM32F031K6

Provide dynamic and eye-catching visual displays for information or advertising

A

A

Hardware Overview

How does it work?

2x4 RGB Click is based on an array of 2x4 RGB LEDs (WL-ICLED 1312121320437) from Würth Elektronik, specially designed for dynamic and colorful lighting applications. These LEDs incorporate an integrated circuit (IC), often called addressable or smart LEDs, allowing for individual control of each diode's red, green, and blue components through pulse width modulation (PWM). This enables precise control over color mixing, creating a broad spectrum of color outputs. To ensure compatibility with both 3.3V and 5V logic systems, the Click board™ features the LSF0102 voltage translator, which provides seamless control

of the LEDs regardless of the MCU's logic level, ensuring reliable performance in various system configurations. 2x4 RGB Click is designed in a unique format supporting the newly introduced MIKROE feature called "Click Snap." Unlike the standardized version of Click boards, this feature allows the main IC area to become movable by breaking the PCB, opening up many new possibilities for implementation. Thanks to the Snap feature, the 1312121320437s can operate autonomously by accessing its signals directly on the pins marked 1-8. Additionally, the Snap part includes a specified and fixed screw hole position,

enabling users to secure the Snap board in their desired location, and an unpopulated header labeled J1 at the top, allowing for daisy-chaining and control of multiple Snap units in a series. This Click board™ can operate with either 3.3V or 5V logic voltage levels selected via the VCC SEL jumper. This way, both 3.3V and 5V capable MCUs can use the communication lines properly. Also, this Click board™ comes equipped with a library containing easy-to-use functions and an example code that can be used as a reference for further development.

2x4 RGB Click hardware overview image

Features overview

Development board

Nucleo 32 with STM32F031K6 MCU board provides an affordable and flexible platform for experimenting with STM32 microcontrollers in 32-pin packages. Featuring Arduino™ Nano connectivity, it allows easy expansion with specialized shields, while being mbed-enabled for seamless integration with online resources. The

board includes an on-board ST-LINK/V2-1 debugger/programmer, supporting USB reenumeration with three interfaces: Virtual Com port, mass storage, and debug port. It offers a flexible power supply through either USB VBUS or an external source. Additionally, it includes three LEDs (LD1 for USB communication, LD2 for power,

and LD3 as a user LED) and a reset push button. The STM32 Nucleo-32 board is supported by various Integrated Development Environments (IDEs) such as IAR™, Keil®, and GCC-based IDEs like AC6 SW4STM32, making it a versatile tool for developers.

Nucleo 32 with STM32F031K6 MCU double side image

Microcontroller Overview

MCU Card / MCU

default

Architecture

ARM Cortex-M0

MCU Memory (KB)

32

Silicon Vendor

STMicroelectronics

Pin count

32

RAM (Bytes)

4096

You complete me!

Accessories

Click Shield for Nucleo-32 is the perfect way to expand your development board's functionalities with STM32 Nucleo-32 pinout. The Click Shield for Nucleo-32 provides two mikroBUS™ sockets to add any functionality from our ever-growing range of Click boards™. We are fully stocked with everything, from sensors and WiFi transceivers to motor control and audio amplifiers. The Click Shield for Nucleo-32 is compatible with the STM32 Nucleo-32 board, providing an affordable and flexible way for users to try out new ideas and quickly create prototypes with any STM32 microcontrollers, choosing from the various combinations of performance, power consumption, and features. The STM32 Nucleo-32 boards do not require any separate probe as they integrate the ST-LINK/V2-1 debugger/programmer and come with the STM32 comprehensive software HAL library and various packaged software examples. This development platform provides users with an effortless and common way to combine the STM32 Nucleo-32 footprint compatible board with their favorite Click boards™ in their upcoming projects.

Click Shield for Nucleo-32 accessories 1 image

Used MCU Pins

mikroBUS™ mapper

NC
NC
AN
NC
NC
RST
ID COMM
PA4
CS
NC
NC
SCK
NC
NC
MISO
NC
NC
MOSI
Power Supply
3.3V
3.3V
Ground
GND
GND
PWM Signal
PA8
PWM
NC
NC
INT
NC
NC
TX
NC
NC
RX
NC
NC
SCL
NC
NC
SDA
Power Supply
5V
5V
Ground
GND
GND
1

Take a closer look

Click board™ Schematic

2x4 RGB Click Schematic schematic

Step by step

Project assembly

Click Shield for Nucleo-144 front image hardware assembly

Start by selecting your development board and Click board™. Begin with the Nucleo 32 with STM32F031K6 MCU as your development board.

Click Shield for Nucleo-144 front image hardware assembly
Nucleo 144 with STM32L4A6ZG MCU front image hardware assembly
Stepper 22 Click front image hardware assembly
Prog-cut hardware assembly
Board mapper by product8 hardware assembly
Necto image step 2 hardware assembly
Necto image step 3 hardware assembly
Necto image step 4 hardware assembly
Necto image step 5 hardware assembly
Necto image step 6 hardware assembly
STM32 M4 Clicker HA MCU/Select Step hardware assembly
Necto No Display image step 8 hardware assembly
Necto image step 9 hardware assembly
Necto image step 10 hardware assembly
Debug Image Necto Step hardware assembly

Track your results in real time

Application Output

1. Application Output - In Debug mode, the 'Application Output' window enables real-time data monitoring, offering direct insight into execution results. Ensure proper data display by configuring the environment correctly using the provided tutorial.

2. UART Terminal - Use the UART Terminal to monitor data transmission via a USB to UART converter, allowing direct communication between the Click board™ and your development system. Configure the baud rate and other serial settings according to your project's requirements to ensure proper functionality. For step-by-step setup instructions, refer to the provided tutorial.

3. Plot Output - The Plot feature offers a powerful way to visualize real-time sensor data, enabling trend analysis, debugging, and comparison of multiple data points. To set it up correctly, follow the provided tutorial, which includes a step-by-step example of using the Plot feature to display Click board™ readings. To use the Plot feature in your code, use the function: plot(*insert_graph_name*, variable_name);. This is a general format, and it is up to the user to replace 'insert_graph_name' with the actual graph name and 'variable_name' with the parameter to be displayed.

Software Support

Library Description

This library contains API for 2x4 RGB Click driver.

Key functions:

  • c2x4rgb_set_leds_intensity - This function sets the brightness and current gain level of all LEDs in the led matrix.

  • c2x4rgb_set_led_color - This function sets the color of the selected LED in the LED matrix.

  • c2x4rgb_write_led_matrix - This function writes the LED matrix data from the click context object.

Open Source

Code example

The complete application code and a ready-to-use project are available through the NECTO Studio Package Manager for direct installation in the NECTO Studio. The application code can also be found on the MIKROE GitHub account.

/*!
 * @file main.c
 * @brief 2x4 RGB Click Example.
 *
 * # Description
 * This example demonstrates the use of 2x4 RGB Click board by cycling through
 * a set of colors, gradually increasing the brightness of each LED in a sequence,
 * and then decreasing the brightness before moving on to the next color in the array.
 *
 * The demo application is composed of two sections :
 *
 * ## Application Init
 * Initializes the driver and performs the Click default configuration which sets
 * the LEDs brightness and current gain to a minimum and the color to black (all LEDs off).
 *
 * ## Application Task
 * Cycles through a set of colors, gradually increases the brightness of each LED
 * in a sequence, and then decreases the brightness before moving on to the next
 * color in the array. The current color's name and RGB value are logged to the USB UART.
 *
 * @author Stefan Filipovic
 *
 */

#include "board.h"
#include "log.h"
#include "c2x4rgb.h"
#include "c2x4rgb_delays.h"

static c2x4rgb_t c2x4rgb;   /**< 2x4 RGB Click driver object. */
static log_t logger;    /**< Logger object. */

static c2x4rgb_color_t color[ C2X4RGB_NUM_COLORS ] = 
{ 
    { C2X4RGB_COLOR_BLACK, "BLACK" },
    { C2X4RGB_COLOR_WHITE, "WHITE" },
    { C2X4RGB_COLOR_RED, "RED" },
    { C2X4RGB_COLOR_LIME, "LIME" },
    { C2X4RGB_COLOR_BLUE, "BLUE" },
    { C2X4RGB_COLOR_YELLOW, "YELLOW" },
    { C2X4RGB_COLOR_CYAN, "CYAN" },
    { C2X4RGB_COLOR_MAGENTA, "MAGENTA" },
    { C2X4RGB_COLOR_SILVER, "SILVER" },
    { C2X4RGB_COLOR_GRAY, "GRAY" },
    { C2X4RGB_COLOR_MAROON, "MAROON" },
    { C2X4RGB_COLOR_OLIVE, "OLIVE" },
    { C2X4RGB_COLOR_GREEN, "GREEN" },
    { C2X4RGB_COLOR_PURPLE, "PURPLE" },
    { C2X4RGB_COLOR_TEAL, "TEAL" },
    { C2X4RGB_COLOR_NAVY, "NAVY" }
};

/**
 * @brief 2x4 RGB logic zero function.
 * @details This function toggles the data pin with exact high and low time pulse for logic zero.
 * @return None.
 * @note None.
 */
static void c2x4rgb_logic_zero ( void );

/**
 * @brief 2x4 RGB logic one function.
 * @details This function toggles the data pin with exact high and low time pulse for logic one.
 * @return None.
 * @note None.
 */
static void c2x4rgb_logic_one ( void );

void application_init ( void ) 
{
    log_cfg_t log_cfg;  /**< Logger config object. */
    c2x4rgb_cfg_t c2x4rgb_cfg;  /**< Click config object. */

    /** 
     * Logger initialization.
     * Default baud rate: 115200
     * Default log level: LOG_LEVEL_DEBUG
     * @note If USB_UART_RX and USB_UART_TX 
     * are defined as HAL_PIN_NC, you will 
     * need to define them manually for log to work. 
     * See @b LOG_MAP_USB_UART macro definition for detailed explanation.
     */
    LOG_MAP_USB_UART( log_cfg );
    log_init( &logger, &log_cfg );
    log_info( &logger, " Application Init " );

    // Click initialization.
    c2x4rgb_cfg_setup( &c2x4rgb_cfg );
    C2X4RGB_MAP_MIKROBUS( c2x4rgb_cfg, MIKROBUS_1 );
    if ( DIGITAL_OUT_UNSUPPORTED_PIN == 
         c2x4rgb_init( &c2x4rgb, &c2x4rgb_logic_zero, &c2x4rgb_logic_one, &c2x4rgb_cfg ) ) 
    {
        log_error( &logger, " Communication init." );
        for ( ; ; );
    }

    if ( C2X4RGB_ERROR == c2x4rgb_default_cfg ( &c2x4rgb ) )
    {
        log_error( &logger, " Default configuration." );
        for ( ; ; );
    }
    
    log_info( &logger, " Application Task " );
}

void application_task ( void ) 
{
    static uint32_t color_num = 0;
    static int8_t led_cnt = 0;
    static int8_t brightness = 0;
    log_printf( &logger, " Color: %s [%.6LX]\r\n\n", color[ color_num ].name, color[ color_num ].rgb );
    Delay_ms ( 100 );
    c2x4rgb_set_leds_intensity ( &c2x4rgb, C2X4RGB_LED_BRIGHTNESS_MIN, C2X4RGB_LED_CURRENT_GAIN_DEFAULT );
    for ( led_cnt = C2X4RGB_LED_7; led_cnt >= C2X4RGB_LED_0; led_cnt-- )
    {
        c2x4rgb_set_led_color ( &c2x4rgb, led_cnt, color[ color_num ].rgb );
        c2x4rgb_write_led_matrix ( &c2x4rgb );
        Delay_ms ( 100 );
    }
    for ( brightness = C2X4RGB_LED_BRIGHTNESS_MIN; brightness < C2X4RGB_LED_BRIGHTNESS_MAX; brightness++ )
    {
        c2x4rgb_set_leds_intensity ( &c2x4rgb, brightness, C2X4RGB_LED_CURRENT_GAIN_DEFAULT );
        c2x4rgb_write_led_matrix ( &c2x4rgb );
        Delay_ms ( 50 );
    }
    for ( brightness = C2X4RGB_LED_BRIGHTNESS_MAX; brightness >= C2X4RGB_LED_BRIGHTNESS_MIN; brightness-- )
    {
        c2x4rgb_set_leds_intensity ( &c2x4rgb, brightness, C2X4RGB_LED_CURRENT_GAIN_DEFAULT );
        c2x4rgb_write_led_matrix ( &c2x4rgb );
        Delay_ms ( 50 );
    }
    if ( ++color_num >= C2X4RGB_NUM_COLORS )
    {
        color_num = 0;
    }
}

int main ( void ) 
{
    /* Do not remove this line or clock might not be set correctly. */
    #ifdef PREINIT_SUPPORTED
    preinit();
    #endif
    
    application_init( );
    
    for ( ; ; ) 
    {
        application_task( );
    }

    return 0;
}

static void c2x4rgb_logic_zero ( void )
{
    hal_ll_gpio_set_pin_output( &c2x4rgb.din.pin );
    DELAY_TOH;
    hal_ll_gpio_clear_pin_output( &c2x4rgb.din.pin );
    DELAY_TOL;
}

static void c2x4rgb_logic_one ( void )
{
    hal_ll_gpio_set_pin_output( &c2x4rgb.din.pin );
    DELAY_T1H;
    hal_ll_gpio_clear_pin_output( &c2x4rgb.din.pin );
    DELAY_T1L;
}

// ------------------------------------------------------------------------ END

Additional Support

Resources

Love this project?

'Buy This Kit' button takes you directly to the shopping cart where you can easily add or remove products.