Navigation :

Animated Gifs AND A-PNG

Animated Gif AND A-PNG

You can create animated Gif or animated PNG from Kwik. Animated PNG is not viewable on an old browser like IE11 it is getting popular.

Setup graphicsmagick

Mac users, first download and install GraphicsMagick. In Mac OS X, you can simply use Homebrew
```
brew install graphicsmagick
```
Windows users, you can download the installer from http://www.graphicsmagick.org/download.html

GraphicsMagick-X.X.XX-Q8-win32-dll.exe should work for you.

Sample Project

A sample project is here https://kwiksher.com/daily/assemble0121/GifAnim.zip

GifAnim sample consists of two pages. page1 just plays a rotated animation and swipe to page2, you can click the image to start a filter animation.

page1

page1:Page Properties > Screen Recording is enabled saving to PNG because page1 starts the animation without a wait request. It captures screen image every 200ms for 10 times as the number of frames

Page2

page2 starts the screen recording when user clicks the moon image.

page2:button > Common > Screen Recording

Publish

You need to preview page1 and page2 with Corona Simulator. A screen recording process runs with Solar2D API.

Corona Simulator Page2, you need to click the moon to play the filter animation.

Corona Simulator File > Show Project Sandbox, the recorded png files are found.

You can change the dimension of screen size from Window > View As. I recorded it with custom devices 270 x 320

Assemble PNG files

Now you can use the new icon – Assemble PNG files. It is next to compressPNG icon. It generates both Animated GIF and PNG files

the console appears and it closes automatically

In the project folder, under temp folder, you can find animated gif/png files.

preview animation gif/png images with Firefox