Animotion - app visual de animaciones CSS

Generación sin código de animaciones CSS

• Animotion es una herramienta que permite crear animaciones CSS de forma visual mediante arrastrar, cambiar tamaño, rotar, recortar y más.
• Ofrece un editor de keyframes, una colección de animaciones listas para usar y 29 easings integrados.
• Esta app funciona mejor en pantallas grandes y en navegadores web modernos.

Opinión de GN⁺

• Lo más importante de este artículo es que, con la herramienta Animotion, es posible crear animaciones CSS fácilmente sin escribir código.
• Puede resultar interesante para personas interesadas en la ingeniería de software, y es especialmente atractivo para desarrolladores principiantes interesados en el desarrollo frontend.

[GN⁺]

Comentarios de Hacker News

• Que CSS3 haya salido en 1999 y que en 2023 una app como esta parezca lo bastante genial como para presentarse en Hacker News muestra que la accesibilidad y la capacidad de programación de la animación basada en keyframes no han mejorado mucho. Flash desapareció hace unos 10 años, y quedaron Adobe Animate y varios frameworks y comunidades bastante mediocres. La animación robusta basada en CSS/SVG en su mayoría sigue siendo una promesa pobremente cumplida.
• Lo primero que quise hacer fue mover keyframes, pero esa función aún no existe.
• Me gusta que el resultado de la app salga como CSS, y agradezco que no sea código JavaScript atado a una librería.
• Me gusta lo intuitivo del editor, y quienes necesiten una línea de tiempo más avanzada deberían revisar Theatre.js. Me da gusto ver más movimiento en la plataforma web.
• Me pregunto si hay alguna buena forma de ofrecer tooltips o pistas en móvil que expliquen qué significan los íconos. No logro entender qué hacen algunos íconos, y aunque puedo probarlos, como se mencionó antes, no hay función de deshacer.
• Me gusta muchísimo esta app.
• El código fuente de la app puede verse en GitHub: animotionjs/animotion
• Incluso en móvil ofrece una usabilidad sorprendentemente intuitiva.
• Es un trabajo increíble; gracias por compartir una herramienta tan genial.
• También funciona muy bien en móvil y vale la pena guardarla en marcadores.