# Photon 32 x 32 LED and Animated GIFs

**URL:** <https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524>\
**Category:** General\
**Created:** [November 26, 2016, 12:50pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524 "2016-11-26T12:50:13Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![fablab](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/fablab/32/12156_2.png) [@fablab](https://community.particle.io/u/fablab)\
**Post date:** [November 26, 2016, 12:50pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/1 "2016-11-26T12:50:13Z")

</div>

Does anyone know of library or instructable that has a walk through of using the RGB Matrix library with a 32x32 RGB LED display to play back animated GIFs?

Thanks, Ande

---

<div class="post-metadata">

**Author:** ![ScruffR](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/scruffr/32/6952_2.png) [@ScruffR](https://community.particle.io/u/ScruffR)\
**Post date:** [November 26, 2016, 1:04pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/2 "2016-11-26T13:04:42Z")

</div>

Have you had a look at these already  
[RGB Pixel Clock Kit (Maker Faire 2016)](https://community.particle.io/t/rgb-pixel-clock-kit-maker-faire-2016/23049)  
[Word Clock kit (Maker Faire 2016)](https://community.particle.io/t/word-clock-kit-maker-faire-2016/23048)  
[Maker Faire RGBPongClock](https://community.particle.io/t/maker-faire-rgbpongclock/11813/71)

AFAIK in the linked GitHub repo is a demo.  
But @peekay123 knows best 😉

> **[pkourany/RGBMatrixPanel-Shield-V4-Test-app](https://github.com/pkourany/RGBMatrixPanel-Shield-V4-Test-app)**
>
> Contribute to RGBMatrixPanel-Shield-V4-Test-app development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![fablab](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/fablab/32/12156_2.png) [@fablab](https://community.particle.io/u/fablab)\
**Post date:** [November 26, 2016, 1:19pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/3 "2016-11-26T13:19:38Z")

</div>

thanks, yes I’ve been running sample code from this set. it’s great - but I’m struggling to find the GIF one - maybe I’m just being dumb 🙂

---

<div class="post-metadata">

**Author:** ![ScruffR](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/scruffr/32/6952_2.png) [@ScruffR](https://community.particle.io/u/ScruffR)\
**Post date:** [November 26, 2016, 1:45pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/4 "2016-11-26T13:45:03Z")

</div>

In that GitHub repo I linked above you can find this file

> <https://github.com/pkourany/RGBMatrixPanel-Shield-V4-Test-app/blob/master/AnimatedGIFs.cpp>

---

<div class="post-metadata">

**Author:** ![fablab](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/fablab/32/12156_2.png) [@fablab](https://community.particle.io/u/fablab)\
**Post date:** [November 26, 2016, 1:47pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/5 "2016-11-26T13:47:50Z")

</div>

thank you! 🙂 I’ll give this a go

---

<div class="post-metadata">

**Author:** ![peekay123](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/peekay123/32/810_2.png) [@peekay123](https://community.particle.io/u/peekay123)\
**Post date:** [November 26, 2016, 2:14pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/6 "2016-11-26T14:14:07Z")

</div>

@ScruffR, thanks for helping! The repo and files you pointed to are correct. @fablab, do keep in mind, however, that the RGBMatrixPanel library can only do 4096 colors and many GIFs will not appear correctly due to this fact. 😉

---

<div class="post-metadata">

**Author:** ![fablab](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/fablab/32/12156_2.png) [@fablab](https://community.particle.io/u/fablab)\
**Post date:** [November 26, 2016, 2:15pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/7 "2016-11-26T14:15:21Z")

</div>

Thanks both. Is there any way of adding all the files from the Animated GIF example in one go - rather than appending individually in the IDE?

---

<div class="post-metadata">

**Author:** ![peekay123](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/peekay123/32/810_2.png) [@peekay123](https://community.particle.io/u/peekay123)\
**Post date:** [November 26, 2016, 2:23pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/8 "2016-11-26T14:23:23Z")

</div>

@fablab, not sure what you mean. The GIF animator will read and display all valid .gif files in the “/gifs” directory on the SD card.

---

<div class="post-metadata">

**Author:** ![fablab](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/fablab/32/12156_2.png) [@fablab](https://community.particle.io/u/fablab)\
**Post date:** [November 26, 2016, 2:35pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/9 "2016-11-26T14:35:50Z")

</div>

in terms of flashing the firmware into the Photon - is there a simple way to take all the .cpp and .h files into the IDE with a single import. Currently I’m adding file by file

---

<div class="post-metadata">

**Author:** ![peekay123](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/peekay123/32/810_2.png) [@peekay123](https://community.particle.io/u/peekay123)\
**Post date:** [November 26, 2016, 2:54pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/10 "2016-11-26T14:54:59Z")

</div>

@fablab, unfortunately, not right now. The upcoming updates to the IDE and libraries will make this a lot simpler. In the meantime, I strongly recommend using Particle CLI for compiling and flashing. It allows you to compile files in a local directory using Particle cloud compilers. 😉

---

<div class="post-metadata">

**Author:** ![fablab](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/fablab/32/12156_2.png) [@fablab](https://community.particle.io/u/fablab)\
**Post date:** [November 26, 2016, 2:58pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/11 "2016-11-26T14:58:11Z")

</div>

ah! thanks _goes hunting for CLI tutorials_ 🙂

---

<div class="post-metadata">

**Author:** ![fablab](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/fablab/32/12156_2.png) [@fablab](https://community.particle.io/u/fablab)\
**Post date:** [December 4, 2016, 12:00pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/12 "2016-12-04T12:00:52Z")

</div>

@peekay123 I’m seeing this error when I compile the libraries and files from within Particle IDE. Any thoughts, suggestions?

In file included from iostream.cpp:23:0:

istream.h:32:8: error: ‘istream’ does not name a type  
inline istream& ws(istream& is) {

istream.h:82:8: error: ‘istream’ does not name a type  
inline istream &operator\>\>(istream &obj, const setfill &arg) {

istream.h:112:8: error: ‘istream’ does not name a type  
inline istream &operator\>\>(istream &is, const setprecision &arg) {

---

<div class="post-metadata">

**Author:** ![peekay123](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/peekay123/32/810_2.png) [@peekay123](https://community.particle.io/u/peekay123)\
**Post date:** [December 5, 2016, 2:43pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/13 "2016-12-05T14:43:11Z")

</div>

@fablab, sorry for the delay. I suggest that you use Particle CLI to compile the code with all the files being in one directory. From the errors, it sounds like a file is either missing or there was a cut and paste issue when copying files to the IDE.

---

<div class="post-metadata">

**Author:** ![fablab](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/fablab/32/12156_2.png) [@fablab](https://community.particle.io/u/fablab)\
**Post date:** [December 11, 2016, 10:03pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/14 "2016-12-11T22:03:17Z")

</div>

got it working. it’s very cool!

now to design a heap of funky GIFs

thank you 😄

---

<div class="post-metadata">

**Author:** ![fablab](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/fablab/32/12156_2.png) [@fablab](https://community.particle.io/u/fablab)\
**Post date:** [December 14, 2016, 10:27pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/15 "2016-12-14T22:27:59Z")

</div>

@peekay123 sorry random question here, I’m trying to incorporate Blynk into the RGB animated GIF demo you created - I’m assuming this would just as simpe as adding the relevant libraries and the Blynk code into the AnimatedGIFs.cpp file? Or am I missing something.

Any pointers would be very much appreciated please.

Thanks, Ande

---

<div class="post-metadata">

**Author:** ![peekay123](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/peekay123/32/810_2.png) [@peekay123](https://community.particle.io/u/peekay123)\
**Post date:** [December 15, 2016, 12:17am UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/16 "2016-12-15T00:17:19Z")

</div>

@fablab, you’re on the right track! The RGBMatrixPanel interrupts can be heavy so it will be interesting to see how Blynk works. Give it a shot and let me know how it goes. 😉

---

<div class="post-metadata">

**Author:** ![hgrs](https://avatars.discourse-cdn.com/v4/letter/h/b2d939/32.png) [@hgrs](https://community.particle.io/u/hgrs)\
**Post date:** [June 14, 2019, 8:19pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/17 "2019-06-14T20:19:03Z")

</div>

Hey, is that possible to do that with a 22x22 led matrix ?  
I only have 500 RGB led 😕

Henri

---

<div class="post-metadata">

**Author:** ![ScruffR](https://sea2.discourse-cdn.com/flex026/user_avatar/community.particle.io/scruffr/32/6952_2.png) [@ScruffR](https://community.particle.io/u/ScruffR)\
**Post date:** [June 14, 2019, 11:36pm UTC](https://community.particle.io/t/photon-32-x-32-led-and-animated-gifs/27524/18 "2019-06-14T23:36:36Z")

</div>

The RGB panels have very specific control circuitry built-in for which the mentioned library is tailored.  
So while you may be able to find a way to control your 22x22 matrix, this library will _not_ work for that.  
However, with 500 individual LEDs you’ll have a job controlling them without a dedicated control circuit and lots of soldering 😉
