Skip to content

Commit d6407d2

Browse files
committed
readme: add paragraph how to proceed after animation was finished
1 parent 7e88861 commit d6407d2

File tree

3 files changed

+13
-3
lines changed

3 files changed

+13
-3
lines changed

app/js/app.babel.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,11 @@ import addPointerDown from './helpers/add-pointer-down';
1212

1313
// TODO
1414
// - resize down when points are above the editor border
15+
// - add points shortcuts
1516
// - performance
1617
// - import path data
1718
// - move bunch of points at once
1819

19-
2020
/*
2121
API wrapper above the app itself.
2222
*/

mockups/code-button.png

678 Bytes
Loading

readme.md

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
# mojs Curve Editor
1+
# mojs curve editor
22

33
<img width="444" src="https://github.com/legomushroom/mojs-curve-editor/blob/master/mockups/curve-editor.png?raw=true" alt="mojs-curve-editor" />
44

55
`MojsCurveEditor` is a GUI plugin for interactive `custom easings`/`property curves` editing while crafting your animations. Part of `mojs` tools.
66

77
## Installation
88

9-
The `MojsCurveEditor` depends on `mojs >= 0.225.2`, holding tween autoupdates available for `mojs >= 0.276.2`. Please make sure you've linked `mojs` library first.
9+
The `MojsCurveEditor` depends on `mojs >= 0.225.2`, tween autoupdates available for `mojs >= 0.276.2`. Please make sure you've linked [mojs](https://github.com/legomushroom/mojs) library first.
1010

1111
[CDN](https://www.jsdelivr.com/):
1212

@@ -93,6 +93,16 @@ The `getEasing` function recieves options hash:
9393

9494
```
9595

96+
After you are happy with the curve you need to change the `sample`(`mojsCurve.getEasing()` calls) with actual path data which you can get by clicking on the `code` button (<img width="64" src="https://github.com/legomushroom/mojs-curve-editor/blob/master/mockups/code-button.png?raw=true" alt="code button" />):
97+
98+
```javascript
99+
const html = new mojs.Html({
100+
el: '#js-el',
101+
// after the change
102+
x: { 0: 100, easing: 'M0, 100 C0, 100 19.8984745544779, 40.10152544552211 30, 30 C40.1015254455221, 19.89847455447789 80, 45 80, 45 C80, 45 100, 0 100, 0 ' }
103+
});
104+
```
105+
96106
## Shortcuts
97107

98108
- `alt + z` - `undo` curve action

0 commit comments

Comments
 (0)