This example renders and animated PNG that was derived from the classy Peanut Butter Jelly Time GIF.
Similar to the simple example it binds Rocky.js to a canvas, and update the output at a regular interval.
This example uses animated PNGs to construct a GBitmapSequence. APNGs are supported by Pebble natively. You need to convert GIFs to APNGs before using them.
Alternatively, if your image is accessible via a URL, you can simply call
rocky.gbitmap_sequence_create(url)
.
Have a look at the code of this example.
The JS version of this API differs slightly from the
C-Version.
In particular, use graphics_draw_bitmap_sequence(ctx, sequence, point)
to draw an image sequence.