ESP8266 - WS2812/NeoPixel NeoMatrix - Text Scroller

Presents a small web ui where you can type a message, choose a color and display the message on your ws2812 NeoPixel NeoMatrix.

Arduino Libraries Used

JavaScript Libraries

• Spectrum Colorpicker
• Twitter Bootstrap

Arduino Libraries

Make sure to only download these from within the Arduino IDE

• Adafruit-GFX-Library
• Adafruit_NeoPixel
• Adafruit_NeoMatrix
• ESP8266httpUpdate

Getting Started

• Download the Spectrum Colorpicker from GitHub and place on your server so that you can access the files from the sketch. Alternatively you can try to link directly to GitHub which the files are currently setup for but not recommended.
• Download this repo & open in the Arduino IDE
• Download the required Adafruit libraries from inside the Arduino IDE (You may need to visit Adafruit.com for a how-to guide. Full 3rd party list)
• Define the pin where your matrix is connected to: #define PIN 1
• Define your pixel matrix (for example a 8x8 matrix with first pixel at bottom-right, wired in zigzag columns with GRB-order and 800 kHz):

Adafruit_NeoMatrix matrix = Adafruit_NeoMatrix(8, 8, PIN,
  NEO_MATRIX_BOTTOM     + NEO_MATRIX_RIGHT +
  NEO_MATRIX_COLUMNS + NEO_MATRIX_ZIGZAG,
  NEO_GRB            + NEO_KHZ800
);

• Define Your WiFi Connection Information:

const char* WiFi_SSID = "<SSID-HERE>";
const char* WiFi_PASS = "<PASSWORD-HERE>";

• Program / upload this repo to your ESP from within the Arduino IDE
• Connect your WS2812/NeoPixel NeoMatrix
• Find your ESP's IP Address and connect with a browser
• You may need to adjust the direction of the scrolling code "NEO_MATRIX_RIGHT" w/ "NEO_MATRIX_LEFT"
• One final note is I am only using a single NeoMatix in this code, you may need to adjust if you have more
• Have fun!