@xtia/timeline 1.1.18 → 1.1.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -7,6 +7,8 @@ Timeline is a type-safe, seekable, deterministic choreography system that can co
|
|
|
7
7
|
* [API Reference](#reference)
|
|
8
8
|
* [Playground](https://stackblitz.com/edit/timeline-string-tween?file=src%2Fmain.ts)
|
|
9
9
|
* [Intro by HL](https://codepen.io/H-L-the-lessful/full/vELdyvB)
|
|
10
|
+
* [Sprite sheet demo](https://codepen.io/xtaltia/pen/jEWrXOg)
|
|
11
|
+
* [Web animation benchmark](https://codepen.io/xtaltia/pen/qENNzRw)
|
|
10
12
|
|
|
11
13
|
## Basic Use:
|
|
12
14
|
|
|
@@ -178,7 +180,7 @@ timeline
|
|
|
178
180
|
|
|
179
181
|
## More on tweening
|
|
180
182
|
|
|
181
|
-
Tween emitters can interpolate numbers, arrays of numbers, strings, and objects with a method `blend(
|
|
183
|
+
Tween emitters can interpolate numbers, arrays of numbers, strings, and objects with a method `blend(to: this, progression: number): this`, by the progression value emitted by their parent.
|
|
182
184
|
|
|
183
185
|
```ts
|
|
184
186
|
const range = timeline.range(0, 2000);
|
|
@@ -200,7 +202,7 @@ range
|
|
|
200
202
|
.apply(v => element.style.color = v);
|
|
201
203
|
|
|
202
204
|
// blendable objects
|
|
203
|
-
// (T extends { blend(
|
|
205
|
+
// (T extends { blend(to: this, progression: number): this })
|
|
204
206
|
import { RGBA } from "@xtia/rgba";
|
|
205
207
|
range
|
|
206
208
|
.tween(RGBA.parse("#c971a7"), RGBA.parse("#fff"))
|