Animotion - แอปแอนิเมชัน CSS แบบภาพ

 (cssanimotion.pages.dev)
4 คะแนน โดย GN⁺ 2023-11-26 | 1 ความคิดเห็น | แชร์ทาง WhatsApp

สร้างแอนิเมชัน CSS แบบ no-code

  • Animotion เป็นเครื่องมือที่ช่วยสร้างแอนิเมชัน CSS ได้แบบภาพผ่านการลาก ปรับขนาด หมุน ตัดคลิป และอื่น ๆ
  • มีทั้งตัวแก้ไขคีย์เฟรม ชุดแอนิเมชันที่พร้อมใช้งาน และ easing ในตัว 29 แบบ
  • แอปนี้ทำงานได้ดีกว่าบนหน้าจอขนาดใหญ่และเว็บเบราว์เซอร์สมัยใหม่

ความเห็นของ GN⁺

  • ประเด็นสำคัญที่สุดของบทความนี้คือ Animotion เป็นเครื่องมือที่ช่วยให้สร้างแอนิเมชัน CSS ได้ง่ายโดยไม่ต้องเขียนโค้ด
  • เนื้อหานี้อาจน่าสนใจสำหรับผู้ที่สนใจซอฟต์แวร์วิศวกรรม และน่าดึงดูดเป็นพิเศษสำหรับนักพัฒนามือใหม่ที่สนใจงานฟรอนต์เอนด์

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2023-11-26
ความคิดเห็นบน Hacker News
  • CSS3 เปิดตัวในปี 1999 และการที่ในปี 2023 ยังมีแอปแบบนี้ถูกนำมาแนะนำบน Hacker News ว่าเจ๋งมาก แสดงให้เห็นว่าการเข้าถึงและความสามารถในการเขียนโปรแกรมของแอนิเมชันแบบคีย์เฟรมยังไม่ได้ดีขึ้นมากนัก Flash หายไปเมื่อราว 10 ปีก่อน และยังเหลือ Adobe Animate รวมถึงเฟรมเวิร์กทั่วไปและคอมมูนิตี้อีกหลายแห่ง แอนิเมชันที่แข็งแรงบนฐาน CSS/SVG ส่วนใหญ่ยังคงเป็นเพียงคำสัญญาที่อ่อนแรง
  • สิ่งแรกที่อยากทำคือย้ายคีย์เฟรม แต่ตอนนี้ยังไม่มีฟีเจอร์นั้น
  • ชอบที่ผลลัพธ์จากแอปออกมาเป็น CSS และขอบคุณที่มันไม่ใช่โค้ด JavaScript ที่ผูกติดกับไลบรารี
  • ชอบความใช้งานง่ายของเอดิเตอร์ และถ้าใครต้องการไทม์ไลน์ที่ล้ำขึ้นอีกหน่อยก็ควรลองดู Theatre.js ดีใจที่ได้เห็นการเคลื่อนไหวบนเว็บแพลตฟอร์มมากขึ้น
  • สงสัยว่ามีวิธีที่ดีไหมในการแสดง tooltip หรือคำแนะนำบนมือถือเพื่อบอกว่าไอคอนหมายถึงอะไร เพราะมีบางไอคอนที่ไม่เข้าใจว่าทำอะไร แม้จะลองกดดูได้ แต่ก็ไม่มีฟังก์ชันย้อนกลับอย่างที่กล่าวไปก่อนหน้า
  • ชอบแอปนี้มาก
  • ซอร์สโค้ดของแอปดูได้บน GitHub: animotionjs/animotion
  • แม้บนมือถือก็ยังใช้งานได้อย่างน่าทึ่งและเข้าใจง่าย
  • งานที่น่าทึ่งมาก และขอบคุณที่แบ่งปันเครื่องมือที่เจ๋งมากนี้
  • ใช้งานบนมือถือได้ยอดเยี่ยมเช่นกัน และคุ้มค่ากับการบุ๊กมาร์ก