Home

Awesome

AnimatedGIFs for SmartMatrix/SDcard or NeoMatrix (Neopixel/WS2812B) from SDcard, SPIFFS, FatFS on Teensy 3.x, ESP8266, or ESP32

Video: https://www.youtube.com/watch?v=RJX2-j1PWFw

Demo on 24x32 NeoMatrix: 125_20180713_neomatrix_animatedgifs Demo on 64x64 SmartMatrix: 144_20190409_RGBPanels_Diffusers 104_20190409_RGBPanels_Diffusers

Configuration

Please see neomatrix_config.h to select whether you're using SDcard, FatFS, or SPIFFS, and NeoMatrix instead of SmartMatrix (or any other display supported by https://github.com/marcmerlin/Framebuffer_GFX ). FatFS is the default on ESP32 as it is faster than SPIFFS. See http://marc.merlins.org/perso/arduino/post_2019-03-30_Using-FatFS-FFat-on-ESP32-Flash-With-Arduino.html )

animatedgif_config.h has a few variables specific to this library (while neomatrix_config.h is a config file to allow lots of different code for your specific hardware and display).

For historical and compatibility reasons, this library was originally written for Smartmatrix (without neomatrix or Framebuffer::GFX support). This is why animatedgif_config.h allows you to use SmartMatrix natively without needing Frambuffer::GFX or SmartMatrix::GFX). I however recommend you do use those as it will allow you to move your code to any other hardware backend from FastLED, to SPI TFTs, to Raspberry Pi with huge RGBPanel displays)

AnimatedGIFs file browser

You either put your gifs inside a /gifs subdirectory on an sdcard or under /gifs in SPIFFS

You can send the following commands over serial port (115200):

config.h also has these compile time variables:

SimpleGifAnimViewer

This is a very shrunk version of AnimatedGIFs. This subdirectory shows a near minimal amount of code necessary to display a GIF on a NeoMatrix (60 lines of code). You only need to change the hardcoded path to the GIF, and configure neomatrix_config.h to match your panel. With very minimal changes, you can read from sdcard instead of SPIFFS if you need more storage, or you are using a flash-less chip like Teensy.

SimpleGifAnimViewer2

This version uses GifAnim_Impl.h as a library and shows how to animate a GIF in just 10 lines of code or so.

NeoMatrix and SPIFFS support

I, Marc MERLIN marc_soft@merlins.org, took the excellent work from Louis Beaudoin's GIF decoder for SmartMatrix and ported it to https://github.com/marcmerlin/FastLED_NeoMatrix .

In the process, I also allowed it to work on SPIFFS (built in filesystem using flash available on ESP8266 and ESP32) so that you can store your GIFS directly on the flash and not need an sdcard at all. Unfortunately the SPIFFS support on ESP32 and ESP8266 is not quite identical, so the code needs to account for both APIs (ESP8266 is the odd one out, the ESP32 SPIFFS API is actually compatible with the sdcard API).

The data subdirectory allows the arduino API to automatically create a flash filesystem and upload it to your chip, see:

The gifs/ subdirectory contains animated gifs that don't long as good on Neomatrix due to the lesser dynamic range of neopixels. Please look at neomatrix_config.h and adjust these if needed:

That being said, some GIFs just don't look so good on Neomatrix while they will look ok on SmartMatrix. Those in the gifs/ subdirectory and do not get uploaded to ESP chips by default (although you could upload them if you actually connect those chips to a SmartMatrix instead of a NeoMatrix).

You can get more animated GIFS here:

FatFS/FFAT support on ESP32

Sadly when you add too many files to SPIFFS, it caused some inefficiencies in seeks that caused the GIF animations to hang at times. The fix was to switch to the new FatFS/FFAT support that was added recently to arduino-esp32.
It now nicely animates up to 3MB of animated Gifs on ESP32 without any hangs.

https://github.com/marcmerlin/esp32_fatfsimage/blobmaster/README.md explains how to create the fatfs image and how to upload it.
More details also on: http://marc.merlins.org/perso/arduino/post_2019-03-30_Using-FatFS-FFat-on-ESP32-Flash-With-Arduino.html

Finding Animated GIFs

look for "imagesize:64x64 michael jackson animated gif" on google, and click images tab.

Original SmartMatrix support from https://github.com/pixelmatix/AnimatedGIFs

This SmartMatrix Library example displays 32x32 GIF animations loaded from a SD Card connected to the Teensy 3.1 using the SmartMatrix Shield

The GIFs can be up to 32 pixels in width and height. This code has been tested with 32x32 pixel and 16x16 pixel GIFs, but is optimized for 32x32 pixel GIFs.

Wiring is on the default Teensy 3.1 SPI pins, and chip select can be on any GPIO (customize by defining SD_CS in the code)

FunctionPin
DOUT11
DIN12
CLK13
CS (default)15

This code first looks for .gif files in the /gifs/ directory (you can customize this with the GIF_DIRECTORY definition) then plays random GIFs in the directory, looping each GIF for DISPLAY_TIME_SECONDS

This example is meant to give you an idea of how to add GIF playback to your own sketch. For a project that adds GIF playback with other features, take a look at Light Appliance and Aurora

If you find any GIFs that won't play properly, please attach them to a new Issue post in the GitHub repo here