From first frame to finished motion.
A practical companion to Motion Lab. Find your bearings, learn a technique, or look up the detail you need.
Start with the basicsFind your way
Get comfortable with the editor and your first composition.
Get startedLearn by making
Follow a guided project from a blank layer to a finished loop.
Explore tutorialsGo into the details
Find the drawing methods and timeline values behind the motion.
Read the referenceExplore the knowledge base
5 articles5 results to explore
Create a looping animation with JavaScript
Build a rotating ring of colored dots in Motion Lab, add breathing motion, and render your first seamless loop.
Get started with Motion Lab
Find your way around Motion Lab and choose a starting point for your first generative animation.
Understand timeline time and loops
Learn how composition time, duration, and periodic motion work together to create a seamless animation loop.
Export an animation
Render a Motion Lab composition in your browser, match project settings, and check the downloaded result.
Drawing API basics
Look up the frame callback, time values, coordinates, and drawing methods used in the looping animation tutorial.