Easing API
Αξιολογήστε συναρτήσεις επιτάχυνσης και χρονισμού κινούμενων εικόνων. Το δείγμα τελικού σημείου υπολογίζει οποιαδήποτε από τις 31 τυπικές επιταχύνσεις Penner — easeInOutCubic, easeOutBounce, easeInOutElastic, easeInBack, easeOutExpo, easeInOutSine και τις υπόλοιπες — τις τέσσερις λέξεις-κλειδιά CSS (ease, ease-in, ease-out, ease-in-out), ή τη δική σας συνάρτηση χρονισμού CSS cubic-bezier(x1,y1,x2,y2), λυμένη ακριβώς με τη μέθοδο Newton-Raphson. Ζητήστε μία μόνο τιμή προόδου t, ή περάστε steps=N για να λάβετε έναν έτοιμο πίνακα σημείων {t, value} για τη δημιουργία βασικών καρέ, χρονολογιών sprite, κινούμενων εικόνων κύλισης και πινάκων αναζήτησης παρεμβολής. Το τελικό σημείο λίστας επιστρέφει κάθε υποστηριζόμενο όνομα επιτάχυνσης με το cubic-bezier για τις λέξεις-κλειδιά CSS. Οι τιμές επιτάχυνσης μπορεί να υπερβούν το 0 ή το 1 για back, elastic και bounce, ακριβώς όπως αναμένουν οι σχεδιαστές. Ιδανικό για σχεδιασμό κίνησης, κινούμενες εικόνες παιχνιδιών και διεπαφών χρήστη, εργαλεία CSS και canvas/WebGL, γραφήματα και μεταβάσεις οπτικοποίησης δεδομένων, και οπουδήποτε χρειάζεστε μια ακριβή καμπύλη χρονισμού χωρίς να συμπεριλάβετε μια βιβλιοθήκη. Καθαρός τοπικός υπολογισμός — χωρίς κλειδί, χωρίς υπηρεσία τρίτου μέρους, άμεσος. Ζωντανό, τίποτα δεν αποθηκεύεται. 3 τελικά σημεία. Αυτό υπολογίζει τις τιμές καμπύλης· για μετατροπή χρωμάτων ή δημιουργία διαβαθμίσεων χρησιμοποιήστε τα API χρώματος και διαβάθμισης.
api.oanor.com/easing-api
