AnimationBuilder is an Actionscript 3 utility for converting Adobe Animate timeline animations into SVG and CSS animations. It simplifies exporting animations by handling frame conversion, anchor points, CSS generation, and animation management.

• Frame Conversion: Converts timeline frames to time-based CSS percentages.
• Anchor Point Calculation: Determines anchor points for precise CSS transforms.
• Animation Storage: Stores frames, easing, duration, delay, and properties.
• CSS Export: Generates @keyframes and inline CSS animation properties.
• Reporting: Outputs full CSS animations with frame delays.

Clone the repository and integrate AnimationBuilder.as into your Animate project:

git clone https://github.com/motionharvest/Animation-Builder.git

import AnimationBuilder;

var ab:AnimationBuilder = new AnimationBuilder(stage, targets);

ab.add("targetName");

ab.report();

• constructor(stage:Stage, targets:Object): Initializes with the current stage and target objects.
• add(targetName:String): Adds animations for the specified target per frame.
• report(): Outputs the final CSS animations report.

MIT License

Pull requests are welcome! For major changes, please open an issue first.

Created by Motion Harvest.

View the Source Code