oat/mirinda
oat
/
mirinda
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

change ease graphics to use box-of-eases rendered ones

jill 2021-09-26 18:39:01 +00:00
parent 3966e9a575
commit 70abf6edbb
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
Ease-%7C-Getting-Started.md

@ -94,25 +94,25 @@ The easings only use 3 different variables: ease, alignment and length. We've al
Think of it this way. Each ease function in Mirinda is an `inOut` function, meaning it contains its `in` function at the first half and its `out` function at the second half. The default alignment is `0.5`, so the very middle.
![inOutCirc with the align set to 0.5. Purple is the ease, and red is the alignment point.](https://e-six-two.one/i/nq3z.png)
![inOutCirc with the align set to 0.5. White is the ease, and the light gray is the alignment point.](https://evaded.tax/i/zz6q.png)
*inOutCirc with the align set to 0.5. Purple is the ease, and red is the alignment point.*
*inOutCirc with the align set to 0.5. White is the ease, and the light gray is the alignment point.*
Functions like `wiggle` or `onoff` use the whole thing, where `kick` or `sharponoff` trim off one end to create a sharper ease. This way, if you were to change the ease to an out or in ease, everything would break pretty badly unless you use `:align()` on it to change the alignment to the start or end:
![outCirc with the align set to 0](https://e-six-two.one/i/wwxi.png)
![outCirc with the align set to 0](https://evaded.tax/i/4loy.png)
*outCirc with the align set to 0*
This system works really well with eases that aren't aligned to the middle or start/end. For example, if you want an ease to have a long in part but a quick out part, you can use the `:mixease(ease1, ease2, a)` standard function to mix two eases and do the alignment stuff automatically. For example, here's approximately what `:mixease(inCirc, outCirc, 0.75)` would look like:
![mixease(inCirc, outCirc, 0.75)](https://e-six-two.one/i/6dpz.png)
![mixease(inCirc, outCirc, 0.75)](https://evaded.tax/i/m57r.png)
*mixease(inCirc, outCirc, 0.75)*
You'll notice the end is significantly sharper than the start, and the alignment point is still aligned with the middle. You can also mix different eases this way, and not specifically the same type of ease.
This is what `mixease(linear, outCirc, 0.75)` would look like:
![mixease(linear, outCirc, 0.75)](https://e-six-two.one/i/dxur.png)
![mixease(linear, outCirc, 0.75)](https://evaded.tax/i/8na9.png)
*mixease(linear, outCirc, 0.75)*