LogoMotion introduces a method to animate logos by converting static PDF files into interactive HTML pages through a structured pipeline. This consists of three stages: preprocessing visual information into HTML for enhanced context, generating JavaScript code for the animation based on a visually-grounded approach, and implementing program repair to refine the final output. Users upload their PDFs into Illustrator, which exports them into a format prepared for further animation processing, supporting a detailed and organized animation structure.
LogoMotion is an innovative method that automates logo animations based on their content, transforming static PDFs into animated HTML using JavaScript.
The pipeline consists of three main steps: preprocessing, visually-grounded code generation, and visually-grounded program repair, enhancing the animation's accuracy.
The system begins with a user-uploaded PDF document, which is processed into an HTML format that prepares the visual elements for animation.
Each visual element is translated into code with unique identifiers, allowing for organized hierarchy and control over the animation's various layers.
Collection
[
|
...
]