Part 5 - the last installment! - of our five-part video tutorial series on creating a multi-planed, multi-layered panning HTML5 background is here.

Many thanks to Joe Campanaro for creating this in-depth look at building an animated scene, and to everyone who’s been following along with this series. Send us your feedback and suggestions for upcoming video topics!

You can open the original Animatron project in the Editor here - duplicate it to make changes and build on it.

If you missed any of the earlier episodes, never fear, here they are:

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.