What's going on?

Similar to the simple example it binds Rocky.js to a canvas, and update the output at a regular interval.

This example makes use of Draw Commands, a binary representation to express vector graphics.

You can see a static image (mouse) as well as a sequence (alarm) that captures a vector-based animation in a single file. Draw commands can be changed at runtime to control aspects such as stroke, fill, and even placement. This example demonstrates this by altering the otherwise static image dynamically.

The cloud in this example is conveniently derived from an SVG at a given URL.

Fork me on GitHub