Here’s how you can have your own little animation on the flipdots
GO TO THIS LINK TO DESIGN YOUR FLIPPY ANIMATION
DESCRIPTION
Here is a simple template for you to begin with. Draw, design, animate anything within the framework of 28x14 pixels and download JPEGS. Once you have something you are happy with. Mail me the image sequence and I can test it out on the flipdots.
BONUS INFORMATION
If you right-click on the page > go to inspect > console, you should be able to see the code that draws your drawing on the flipdots (basically a bunch of rectangles in really specific locations.)
Don’t prefer this? Would rather work on procreate or photoshop?
DESCRIPTION
This is a png template that you could use as a foreground to animate on procreate, photoshop or an app of your choice. Just work with either black or white color. There is no restriction on how long your animation needs to be. The longer the better.
Name your image sequences as
name of your project_n.jpg
No true designer would sleep peacefully without noticing how the dots on this template are not center aligned. Unfortunately, we have to live with this.
Do not resize the template. I would require you to send me a jpeg sequence of the same dimension as the template, which happens to be 1037x523 px (weird number, yes).
Just have fun with it.
More questions? Ask
Flipdots gallery
Couldn’t have done this alone. Thanks to
Kate Hartman · Nick Puckett · Juan Sulca
Kate Hartman · Nick Puckett · Juan Sulca