LogoMotion: Visually-Grounded Code Synthesis for Creating and Editing Animation
Fuente:
arXiv
Saved in:
| Main Authors: | , , , , , , |
|---|---|
| Format: | Preprint |
| Published: |
2024
|
| Subjects: | |
| Online Access: | |
| Tags: |
Add Tag
No Tags, Be the first to tag this record!
|
| _version_ | 1866910841660506112 |
|---|---|
| author | Liu, Vivian Kazi, Rubaiat Habib Wei, Li-Yi Fisher, Matthew Langlois, Timothy Walker, Seth Chilton, Lydia |
| author_facet | Liu, Vivian Kazi, Rubaiat Habib Wei, Li-Yi Fisher, Matthew Langlois, Timothy Walker, Seth Chilton, Lydia |
| contents | Creating animation takes time, effort, and technical expertise. To help novices with animation, we present LogoMotion, an AI code generation approach that helps users create semantically meaningful animation for logos. LogoMotion automatically generates animation code with a method called visually-grounded code synthesis and program repair. This method performs visual analysis, instantiates a design concept, and conducts visual checking to generate animation code. LogoMotion provides novices with code-connected AI editing widgets that help them edit the motion, grouping, and timing of their animation. In a comparison study on 276 animations, LogoMotion was found to produce more content-aware animation than an industry-leading tool. In a user evaluation (n=16) comparing against a prompt-only baseline, these code-connected widgets helped users edit animations with control, iteration, and creative expression. |
| format | Preprint |
| id |
arxiv_https___arxiv_org_abs_2405_07065 |
| institution | arXiv |
| publishDate | 2024 |
| record_format | arxiv |
| spellingShingle | LogoMotion: Visually-Grounded Code Synthesis for Creating and Editing Animation Liu, Vivian Kazi, Rubaiat Habib Wei, Li-Yi Fisher, Matthew Langlois, Timothy Walker, Seth Chilton, Lydia Human-Computer Interaction Creating animation takes time, effort, and technical expertise. To help novices with animation, we present LogoMotion, an AI code generation approach that helps users create semantically meaningful animation for logos. LogoMotion automatically generates animation code with a method called visually-grounded code synthesis and program repair. This method performs visual analysis, instantiates a design concept, and conducts visual checking to generate animation code. LogoMotion provides novices with code-connected AI editing widgets that help them edit the motion, grouping, and timing of their animation. In a comparison study on 276 animations, LogoMotion was found to produce more content-aware animation than an industry-leading tool. In a user evaluation (n=16) comparing against a prompt-only baseline, these code-connected widgets helped users edit animations with control, iteration, and creative expression. |
| title | LogoMotion: Visually-Grounded Code Synthesis for Creating and Editing Animation |
| topic | Human-Computer Interaction |
| url | https://arxiv.org/abs/2405.07065 |