ai / ai/easings.net

Better easeInCirc and easeOutCirc formulas

Open
#180 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
CSS
Stars
8.7k
Forks
696
PR merge metrics
No merged PRs in 30d

Description

The formulas used in easeInCirc and easeOutCirc are not actually a circle shape.
They're parabolas.
After goofing around, I've made two formulas that I think would be more accurate.
```javascript
function easeInCirc(x: number): number {
return 1 - Math.cos(Math.asin(x));
}
function easeOutCirc(x: number): number {
return Math.sin(Math.acos(x - 1));
}
```

![grafik](https://github.com/ai/easings.net/assets/45183108/8675ade5-a383-4aea-8130-e085b2248c4e)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.