Displaying Animated GIFs onto a 16 x 16 WS2812B Matrix
Here’s another resource for working with animated gifs on all sorts of matrix displays (not just their hardware project) from the Adafruit community. And a special shout out to our NeoPixel Uberguide. Displaying Animated GIFs onto a 16 x 16 WS2812B Matrix:
There’s an easy way to download animated GIFs onto MeU and if you really wanted to, you can use our code for any 16×16 NeoPixel matrix. This tutorial assumes you know how to work with Processing, Arduino and Teensy. All required code and libraries are on our github page.
Hardware required:
16×16 WS2812B (NeoPixel) Matrix
Teensy 3.1
3.7V lithium ion battery
To learn more about how to setup a WS2812B or NeoPixel matrix and to learn more about the Arduino libraries written, check out the Uberguide written by Adafruit.
Pixels from an image file (gif, jpeg, tiff, png, bmp, etc) can be broken down into red, green, and blue values which is how the WS2812B led displays a specific colour. Using this principle we came up with a Processing sketch to convert an animated gif file into an Arduino sketch that you can then download on to a 16×16 WS2812B matrix. In order for the sketch to work properly, the gif file needs to be 16px by 16px otherwise the Processing sketch will not work. The best way to find 16×16 pixel animated gifs is to do a google image search and use search tools to find exact sizes and animation…..
Adafruit publishes a wide range of writing and video content, including interviews and reporting on the maker market and the wider technology world. Our standards page is intended as a guide to best practices that Adafruit uses, as well as an outline of the ethical standards Adafruit aspires to. While Adafruit is not an independent journalistic institution, Adafruit strives to be a fair, informative, and positive voice within the community – check it out here: adafruit.com/editorialstandards
Stop breadboarding and soldering – start making immediately! Adafruit’s Circuit Playground is jam-packed with LEDs, sensors, buttons, alligator clip pads and more. Build projects with Circuit Playground in a few minutes with the drag-and-drop MakeCode programming site, learn computer science using the CS Discoveries class on code.org, jump into CircuitPython to learn Python and hardware together, TinyGO, or even use the Arduino IDE. Circuit Playground Express is the newest and best Circuit Playground board, with support for CircuitPython, MakeCode, and Arduino. It has a powerful processor, 10 NeoPixels, mini speaker, InfraRed receive and transmit, two buttons, a switch, 14 alligator clip pads, and lots of sensors: capacitive touch, IR proximity, temperature, light, motion and sound. A whole wide world of electronics and coding is waiting for you, and it fits in the palm of your hand.
Have an amazing project to share? The Electronics Show and Tell is every Wednesday at 7pm ET! To join, head over to YouTube and check out the show’s live chat – we’ll post the link there.
