8x8-LED-matrix

Arduino Uno code plus an advanced web interface to control an 8 by 8 LED red matrix without using any shift registers.

Short video about this project is avalible at : https://youtu.be/uCw45dH6xSM

What is ths ? So simply, this project is just an Arduino Uno connected to an 8x8 LED Matrix without using any shift registers, the interesting part about it is the software, since most of the work went into it

The software is a web interface that allows to create and design shapes that can be displayed by the LED Matrix, not just that it also allows creating animations by designing them frame by frame using a combination of useful tools that are included in this web interface which was built using HTML CSS and JavaScript.

Usage

To use this all what you have to do just copy the code generated by the interface after the desiging is completed and paste it into the Arduino IDE and then inject it to the Arduino UNO .

1.Connection between Led matrix and Arduino UNO :

First setting up the matrix circuit, as per the connection given in the picture diagram, NO resistance is needed. matrix_connections_s9OJ43nrTc

2.Generating the matrix of shapes or animation frames :

This will help to generate code for your matrix. Just draw anything for the matrix, copy the code, and use it in your program. You can draw different symbols, shapes, or words.

For example the code an animation for the word SBS would be like this :

const byte SBS[64][8] = { 
 {B00000001,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000}, 
 {B00000011,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000}, 
 {B00000111,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000}, 
 {B00001111,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000}, 
 {B00011111,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000}, 
 {B00111111,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000}, 
 {B01111111,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000}, 
 {B11111111,B10000000,B00000000,B00000000,B00000000,B00000000,B00000000,B00000000}, 
 {B11111111,B10000000,B10000000,B00000000,B00000000,B00000000,B00000000,B00000000}, 
 {B11111111,B10000000,B10000000,B10000000,B00000000,B00000000,B00000000,B00000000}, 
 {B11111111,B10000000,B10000000,B10000000,B10000000,B00000000,B00000000,B00000000}, 
 {B11111111,B10000000,B10000000,B10000000,B10000000,B10000000,B00000000,B00000000}, 
 {B11111111,B10000000,B10000000,B10000000,B10000000,B10000000,B10000000,B00000000}, 
 {B11111111,B10000000,B10000000,B10000000,B10000000,B10000000,B10000000,B10000000}, 
 {B11111111,B10000000,B10000000,B10000000,B10000000,B10000000,B10000000,B11000000}, 
 {B11111111,B10000000,B10000000,B10000000,B10000000,B10000000,B10000000,B11100000}, 
 {B11111111,B10000000,B10000000,B10000000,B10000000,B10000000,B10000000,B11110000}, 
 {B11111111,B10000000,B10000000,B10000000,B10000000,B10000000,B10000000,B11111000}, 
 {B11111111,B10000000,B10000000,B10000000,B10000000,B10000000,B10000000,B11111100}, 
 {B11111111,B10000000,B10000000,B10000000,B10000000,B10000000,B10000000,B11111110}, 
 {B11111111,B10000000,B10000000,B10000000,B10000000,B10000000,B10000000,B11111111}, 
 {B11111111,B10000000,B10000000,B10000000,B10000000,B10000000,B10000001,B11111111}, 
 {B11111111,B10000000,B10000000,B10000000,B10000000,B10000001,B10000001,B11111111}, 
 {B11111111,B10000000,B10000000,B10000000,B10000001,B10000001,B10000001,B11111111}, 
 {B11111111,B10000000,B10000000,B10000001,B10000001,B10000001,B10000001,B11111111}, 
 {B11111111,B10000000,B10000001,B10000001,B10000001,B10000001,B10000001,B11111111}, 
 {B11111111,B10000001,B10000001,B10000001,B10000001,B10000001,B10000001,B11111111}, 
 {B11111111,B10000011,B10000001,B10000001,B10000001,B10000001,B10000001,B11111111}, 
 {B11111111,B10000111,B10000001,B10000001,B10000001,B10000001,B10000001,B11111111}, 
 {B11111111,B10001111,B10000001,B10000001,B10000001,B10000001,B10000001,B11111111}, 
 {B11111111,B10011111,B10000001,B10000001,B10000001,B10000001,B10000001,B11111111}, 
 {B11111111,B10111111,B10000001,B10000001,B10000001,B10000001,B10000001,B11111111}, 
 {B11111111,B11111111,B10000001,B10000001,B10000001,B10000001,B10000001,B11111111}, 
 {B11111111,B11111111,B11000001,B10000001,B10000001,B10000001,B10000001,B11111111}, 
 {B11111111,B11111111,B11000001,B11000001,B10000001,B10000001,B10000001,B11111111}, 
 {B11111111,B11111111,B11000001,B11000001,B11000001,B10000001,B10000001,B11111111}, 
 {B11111111,B11111111,B11000001,B11000001,B11000001,B11000001,B10000001,B11111111}, 
 {B11111111,B11111111,B11000001,B11000001,B11000001,B11000001,B11000001,B11111111}, 
 {B11111111,B11111111,B11000001,B11000001,B11000001,B11000001,B11100001,B11111111}, 
 {B11111111,B11111111,B11000001,B11000001,B11000001,B11000001,B11110001,B11111111}, 
 {B11111111,B11111111,B11000001,B11000001,B11000001,B11000001,B11111001,B11111111}, 
 {B11111111,B11111111,B11000001,B11000001,B11000001,B11000001,B11111101,B11111111}, 
 {B11111111,B11111111,B11000001,B11000001,B11000001,B11000001,B11111111,B11111111}, 
 {B11111111,B11111111,B11000001,B11000001,B11000001,B11000011,B11111111,B11111111}, 
 {B11111111,B11111111,B11000001,B11000001,B11000011,B11000011,B11111111,B11111111}, 
 {B11111111,B11111111,B11000001,B11000011,B11000011,B11000011,B11111111,B11111111}, 
 {B11111111,B11111111,B11000011,B11000011,B11000011,B11000011,B11111111,B11111111}, 
 {B11111111,B11111111,B11000111,B11000011,B11000011,B11000011,B11111111,B11111111}, 
 {B11111111,B11111111,B11001111,B11000011,B11000011,B11000011,B11111111,B11111111}, 
 {B11111111,B11111111,B11011111,B11000011,B11000011,B11000011,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11000011,B11000011,B11000011,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11100011,B11000011,B11000011,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11100011,B11100011,B11000011,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11100011,B11100011,B11100011,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11100011,B11100011,B11110011,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11100011,B11100011,B11111011,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11100011,B11100011,B11111111,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11100011,B11100111,B11111111,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11100111,B11100111,B11111111,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11101111,B11100111,B11111111,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11111111,B11100111,B11111111,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11111111,B11110111,B11111111,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11111111,B11111111,B11111111,B11111111,B11111111}, 
 {B11111111,B11111111,B11111111,B11111111,B11111111,B11111111,B11111111,B11111111},
 }; 
 int Length = 64;

3.Adding the matrix constant to the arduino code :

Start the Arduino IDE to program the Arduino UNO board. Arduino IDE is available at Arduino official site.

I am working on another version of this project that will allow users to control the 8x8 LED Matrix remotely via Wi-Fi and Bluetooth in real-time with some extra features.!

project inspired by https://create.arduino.cc/projecthub/SAnwandter1/programming-8x8-led-matrix-23475a