Animotion - Aplikasi animasi CSS visual

Pembuatan animasi CSS tanpa kode

• Animotion adalah alat untuk membuat animasi CSS secara visual melalui drag, pengubahan ukuran, rotasi, clipping, dan lainnya.
• Menyediakan editor keyframe, kumpulan animasi yang siap digunakan, serta 29 easing bawaan.
• Aplikasi ini bekerja lebih baik di layar besar dan peramban web modern.

Opini GN⁺

• Hal terpenting dalam artikel ini adalah bahwa melalui alat bernama Animotion, animasi CSS dapat dibuat dengan mudah tanpa menulis kode.
• Ini bisa menarik bagi orang-orang yang tertarik pada rekayasa perangkat lunak, dan terutama merupakan konten yang atraktif bagi pengembang pemula yang tertarik pada pengembangan frontend.

[GN⁺]

Komentar Hacker News

• CSS3 dirilis pada 1999, dan fakta bahwa aplikasi seperti ini masih terasa cukup keren untuk diperkenalkan di Hacker News pada 2023 menunjukkan bahwa aksesibilitas dan kemampuan pemrograman animasi berbasis keyframe belum banyak membaik. Flash sudah hilang sekitar 10 tahun lalu, dan yang tersisa adalah Adobe Animate serta berbagai framework dan komunitas yang biasa-biasa saja. Animasi tangguh berbasis CSS/SVG sebagian besar masih menjadi janji yang lemah.
• Hal pertama yang ingin saya lakukan adalah memindahkan keyframe, tetapi fitur itu masih belum ada.
• Saya suka hasil dari aplikasi ini keluar sebagai CSS, dan bersyukur ini bukan kode JavaScript yang terikat pada library.
• Saya suka betapa intuitif editornya, dan bagi yang membutuhkan timeline yang lebih canggih, ada baiknya melihat Theatre.js. Senang melihat lebih banyak motion di platform web.
• Saya penasaran apakah ada cara yang bagus untuk menyediakan tooltip atau petunjuk di mobile yang menjelaskan arti ikon-ikon tersebut. Saya tidak bisa memahami fungsi beberapa ikon, dan memang bisa mencoba-cobanya, tetapi seperti yang sudah disebutkan sebelumnya, tidak ada fitur undo.
• Saya sangat menyukai aplikasi ini.
• Kode sumber aplikasi ini tersedia di GitHub: animotionjs/animotion
• Bahkan di mobile, kegunaannya terasa sangat intuitif.
• Pekerjaan yang luar biasa, dan terima kasih telah membagikan alat yang sangat keren ini.
• Bekerja dengan sangat baik di mobile juga, dan layak untuk di-bookmark.