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!

Since we released the public version of Animatron last month, we’ve gotten tons of great feedback from our users. Now we’re looking for animators and designers to work with us on a freelance basis, creating 2D projects in Animatron! We’re also looking for someone to create screencasts of animation lessons, explaining and demonstrating animation techniques.

You’ll have complete artistic freedom, can work from anywhere in the world, and will be paid on a per-project basis. If you’re interested, check out the Animatron Editor here and drop us a line!