This tool helps converts images into code in JSON WLED format for 2D Matrix panels! This is perfect for adding an animated gif to the display.

Most gifs will work, but images pixel detail with an animation with 5 frames or less will show up the best on the matrix.

Download the .htm file from https://github.com/ajotanc/PixelMagicTool and upload the .htm file to the Sparkle board. Use the UI to navigate the files on host.local address http://customname.local/edit

Now you can navigate to http://customname.local/pxmagic.htm to see the UI and upload images

Load Saved Preset Animations

You can load the presets created for this project below. Once loaded you can Create add each preset frame into a playlist to play in order.

Creating Custom Animations

Add the host name with the .local ending

Add the preset name for your image

Brightness: To save battery power set to about 80

Enable Animation, Transparent image and Resize image.

Set the width and height to 20x20

Drag and drop an image into the selection box and tap on generate to preview the layout  

Tap save to export each frame as a preset into WLED

Arrange Presets into a Playlist

Pixel Magic will save each frame as a Preset. Tap the +Playlist button and add each Preset in order to the playlist.

Inside the new playlist you can set the length of each frame, transition timing, how many times to loop and even set each frame to shuffle the frames to add randomness to the an animation like the eye gif.

Build multiple playlists and have them play in a loop by selecting which playlist plays after it completes.