Here’s Part 2 of our video tutorial series on creating a multi-planed, multi-layered panning background - you’ll begin to add animation and learn about saving assets to the library and working with layers!

You can open the completed project in the Editor to check out what it looks like behind the scenes.

Questions, comments or suggestions? Send them over:

If you missed Part 1, you can find it here.

NOTE: This guide is currently outdated - new documentation will be available within the next few days.

In this guide, we’ll show you how to embed your animation into an HTML page and how you can choose to control it with JavaScript.


Animatron provides users with the ability to embed animations into web pages using HTML code, or to view the animation directly via a link generated by the Editor. However, this isn’t enough, since a user may want to view their animation offline or send it as an attachment to another user. For this reason, Animatron provides a way to publish animations to “offline” formats, like an animated GIF image or a video file. Users may set the publishing format in the Publish dialogue box, located in the Inspector Panel of the Editor.

We have a brand-new tutorial that shows you how to create an animated running effect! Check out the finished product above, then watch the video below to learn how it’s done.

Many thanks to Animatron user eeelya for creating this project and tutorial!