Latihan 1 dari materi Motion Design Principles di Web Animation — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Implementasikan function evaluateAnimation(props) yang mengevaluasi kualitas animasi berdasarkan propertinya.
Parameter props adalah object { duration, easing, distance, hasDelay }:
duration: durasi animasi dalam ms (angka)easing: nama easing function (string)distance: jarak pergerakan dalam px (angka)hasDelay: apakah animasi punya delay (boolean)Function mengembalikan object { score, issues }:
score: mulai dari 100, dikurangi 20 per issueissues: array string berisi masalah yang ditemukanAturan:
duration > 500: tambahkan "too slow" ke issueseasing === "linear": tambahkan "use easing curve" ke issuesdistance > 200: tambahkan "too much movement" ke issues