@tweenjs/tween.js 18.6.0 → 18.6.4
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 +6 -11
- package/dist/tween.amd.js +807 -782
- package/dist/tween.cjs.js +806 -781
- package/dist/tween.d.ts +262 -0
- package/dist/tween.esm.js +792 -781
- package/dist/tween.umd.js +810 -785
- package/package.json +14 -9
- package/dist/index.d.ts +0 -273
package/dist/tween.d.ts
ADDED
@@ -0,0 +1,262 @@
|
|
1
|
+
declare type EasingFunction = (amount: number) => number;
|
2
|
+
/**
|
3
|
+
* The Ease class provides a collection of easing functions for use with tween.js.
|
4
|
+
*/
|
5
|
+
declare const Easing: {
|
6
|
+
Linear: {
|
7
|
+
None: (amount: number) => number;
|
8
|
+
};
|
9
|
+
Quadratic: {
|
10
|
+
In: (amount: number) => number;
|
11
|
+
Out: (amount: number) => number;
|
12
|
+
InOut: (amount: number) => number;
|
13
|
+
};
|
14
|
+
Cubic: {
|
15
|
+
In: (amount: number) => number;
|
16
|
+
Out: (amount: number) => number;
|
17
|
+
InOut: (amount: number) => number;
|
18
|
+
};
|
19
|
+
Quartic: {
|
20
|
+
In: (amount: number) => number;
|
21
|
+
Out: (amount: number) => number;
|
22
|
+
InOut: (amount: number) => number;
|
23
|
+
};
|
24
|
+
Quintic: {
|
25
|
+
In: (amount: number) => number;
|
26
|
+
Out: (amount: number) => number;
|
27
|
+
InOut: (amount: number) => number;
|
28
|
+
};
|
29
|
+
Sinusoidal: {
|
30
|
+
In: (amount: number) => number;
|
31
|
+
Out: (amount: number) => number;
|
32
|
+
InOut: (amount: number) => number;
|
33
|
+
};
|
34
|
+
Exponential: {
|
35
|
+
In: (amount: number) => number;
|
36
|
+
Out: (amount: number) => number;
|
37
|
+
InOut: (amount: number) => number;
|
38
|
+
};
|
39
|
+
Circular: {
|
40
|
+
In: (amount: number) => number;
|
41
|
+
Out: (amount: number) => number;
|
42
|
+
InOut: (amount: number) => number;
|
43
|
+
};
|
44
|
+
Elastic: {
|
45
|
+
In: (amount: number) => number;
|
46
|
+
Out: (amount: number) => number;
|
47
|
+
InOut: (amount: number) => number;
|
48
|
+
};
|
49
|
+
Back: {
|
50
|
+
In: (amount: number) => number;
|
51
|
+
Out: (amount: number) => number;
|
52
|
+
InOut: (amount: number) => number;
|
53
|
+
};
|
54
|
+
Bounce: {
|
55
|
+
In: (amount: number) => number;
|
56
|
+
Out: (amount: number) => number;
|
57
|
+
InOut: (amount: number) => number;
|
58
|
+
};
|
59
|
+
};
|
60
|
+
|
61
|
+
/**
|
62
|
+
*
|
63
|
+
*/
|
64
|
+
declare type InterpolationFunction = (v: number[], k: number) => number;
|
65
|
+
/**
|
66
|
+
*
|
67
|
+
*/
|
68
|
+
declare const Interpolation: {
|
69
|
+
Linear: (v: number[], k: number) => number;
|
70
|
+
Bezier: (v: number[], k: number) => number;
|
71
|
+
CatmullRom: (v: number[], k: number) => number;
|
72
|
+
Utils: {
|
73
|
+
Linear: (p0: number, p1: number, t: number) => number;
|
74
|
+
Bernstein: (n: number, i: number) => number;
|
75
|
+
Factorial: (n: number) => number;
|
76
|
+
CatmullRom: (p0: number, p1: number, p2: number, p3: number, t: number) => number;
|
77
|
+
};
|
78
|
+
};
|
79
|
+
|
80
|
+
declare class Tween<T extends UnknownProps> {
|
81
|
+
private _object;
|
82
|
+
private _group;
|
83
|
+
private _isPaused;
|
84
|
+
private _pauseStart;
|
85
|
+
private _valuesStart;
|
86
|
+
private _valuesEnd;
|
87
|
+
private _valuesStartRepeat;
|
88
|
+
private _duration;
|
89
|
+
private _initialRepeat;
|
90
|
+
private _repeat;
|
91
|
+
private _repeatDelayTime?;
|
92
|
+
private _yoyo;
|
93
|
+
private _isPlaying;
|
94
|
+
private _reversed;
|
95
|
+
private _delayTime;
|
96
|
+
private _startTime;
|
97
|
+
private _easingFunction;
|
98
|
+
private _interpolationFunction;
|
99
|
+
private _chainedTweens;
|
100
|
+
private _onStartCallback?;
|
101
|
+
private _onStartCallbackFired;
|
102
|
+
private _onUpdateCallback?;
|
103
|
+
private _onRepeatCallback?;
|
104
|
+
private _onCompleteCallback?;
|
105
|
+
private _onStopCallback?;
|
106
|
+
private _id;
|
107
|
+
private _isChainStopped;
|
108
|
+
constructor(_object: T, _group?: Group | false);
|
109
|
+
getId(): number;
|
110
|
+
isPlaying(): boolean;
|
111
|
+
isPaused(): boolean;
|
112
|
+
to(properties: UnknownProps, duration?: number): this;
|
113
|
+
duration(d: number): this;
|
114
|
+
start(time?: number): this;
|
115
|
+
private _setupProperties;
|
116
|
+
stop(): this;
|
117
|
+
end(): this;
|
118
|
+
pause(time?: number): this;
|
119
|
+
resume(time?: number): this;
|
120
|
+
stopChainedTweens(): this;
|
121
|
+
group(group: Group): this;
|
122
|
+
delay(amount: number): this;
|
123
|
+
repeat(times: number): this;
|
124
|
+
repeatDelay(amount: number): this;
|
125
|
+
yoyo(yoyo: boolean): this;
|
126
|
+
easing(easingFunction: EasingFunction): this;
|
127
|
+
interpolation(interpolationFunction: InterpolationFunction): this;
|
128
|
+
chain(...tweens: Array<Tween<UnknownProps>>): this;
|
129
|
+
onStart(callback: (object: T) => void): this;
|
130
|
+
onUpdate(callback: (object: T, elapsed: number) => void): this;
|
131
|
+
onRepeat(callback: (object: T) => void): this;
|
132
|
+
onComplete(callback: (object: T) => void): this;
|
133
|
+
onStop(callback: (object: T) => void): this;
|
134
|
+
private _goToEnd;
|
135
|
+
/**
|
136
|
+
* @returns true if the tween is still playing after the update, false
|
137
|
+
* otherwise (calling update on a paused tween still returns true because
|
138
|
+
* it is still playing, just paused).
|
139
|
+
*/
|
140
|
+
update(time?: number, autoStart?: boolean): boolean;
|
141
|
+
private _updateProperties;
|
142
|
+
private _handleRelativeValue;
|
143
|
+
private _swapEndStartRepeatValues;
|
144
|
+
}
|
145
|
+
declare type UnknownProps = Record<string, any>;
|
146
|
+
|
147
|
+
/**
|
148
|
+
* Controlling groups of tweens
|
149
|
+
*
|
150
|
+
* Using the TWEEN singleton to manage your tweens can cause issues in large apps with many components.
|
151
|
+
* In these cases, you may want to create your own smaller groups of tween
|
152
|
+
*/
|
153
|
+
declare class Group {
|
154
|
+
private _tweens;
|
155
|
+
private _tweensAddedDuringUpdate;
|
156
|
+
getAll(): Array<Tween<UnknownProps>>;
|
157
|
+
removeAll(): void;
|
158
|
+
add(tween: Tween<UnknownProps>): void;
|
159
|
+
remove(tween: Tween<UnknownProps>): void;
|
160
|
+
update(time?: number, preserve?: boolean): boolean;
|
161
|
+
}
|
162
|
+
|
163
|
+
declare let now: () => number;
|
164
|
+
|
165
|
+
/**
|
166
|
+
* Utils
|
167
|
+
*/
|
168
|
+
declare class Sequence {
|
169
|
+
private static _nextId;
|
170
|
+
static nextId(): number;
|
171
|
+
}
|
172
|
+
|
173
|
+
declare const VERSION = "18.6.4";
|
174
|
+
|
175
|
+
declare const nextId: typeof Sequence.nextId;
|
176
|
+
declare const getAll: () => Tween<Record<string, any>>[];
|
177
|
+
declare const removeAll: () => void;
|
178
|
+
declare const add: (tween: Tween<Record<string, any>>) => void;
|
179
|
+
declare const remove: (tween: Tween<Record<string, any>>) => void;
|
180
|
+
declare const update: (time?: number, preserve?: boolean) => boolean;
|
181
|
+
declare const exports: {
|
182
|
+
Easing: {
|
183
|
+
Linear: {
|
184
|
+
None: (amount: number) => number;
|
185
|
+
};
|
186
|
+
Quadratic: {
|
187
|
+
In: (amount: number) => number;
|
188
|
+
Out: (amount: number) => number;
|
189
|
+
InOut: (amount: number) => number;
|
190
|
+
};
|
191
|
+
Cubic: {
|
192
|
+
In: (amount: number) => number;
|
193
|
+
Out: (amount: number) => number;
|
194
|
+
InOut: (amount: number) => number;
|
195
|
+
};
|
196
|
+
Quartic: {
|
197
|
+
In: (amount: number) => number;
|
198
|
+
Out: (amount: number) => number;
|
199
|
+
InOut: (amount: number) => number;
|
200
|
+
};
|
201
|
+
Quintic: {
|
202
|
+
In: (amount: number) => number;
|
203
|
+
Out: (amount: number) => number;
|
204
|
+
InOut: (amount: number) => number;
|
205
|
+
};
|
206
|
+
Sinusoidal: {
|
207
|
+
In: (amount: number) => number;
|
208
|
+
Out: (amount: number) => number;
|
209
|
+
InOut: (amount: number) => number;
|
210
|
+
};
|
211
|
+
Exponential: {
|
212
|
+
In: (amount: number) => number;
|
213
|
+
Out: (amount: number) => number;
|
214
|
+
InOut: (amount: number) => number;
|
215
|
+
};
|
216
|
+
Circular: {
|
217
|
+
In: (amount: number) => number;
|
218
|
+
Out: (amount: number) => number;
|
219
|
+
InOut: (amount: number) => number;
|
220
|
+
};
|
221
|
+
Elastic: {
|
222
|
+
In: (amount: number) => number;
|
223
|
+
Out: (amount: number) => number;
|
224
|
+
InOut: (amount: number) => number;
|
225
|
+
};
|
226
|
+
Back: {
|
227
|
+
In: (amount: number) => number;
|
228
|
+
Out: (amount: number) => number;
|
229
|
+
InOut: (amount: number) => number;
|
230
|
+
};
|
231
|
+
Bounce: {
|
232
|
+
In: (amount: number) => number;
|
233
|
+
Out: (amount: number) => number;
|
234
|
+
InOut: (amount: number) => number;
|
235
|
+
};
|
236
|
+
};
|
237
|
+
Group: typeof Group;
|
238
|
+
Interpolation: {
|
239
|
+
Linear: (v: number[], k: number) => number;
|
240
|
+
Bezier: (v: number[], k: number) => number;
|
241
|
+
CatmullRom: (v: number[], k: number) => number;
|
242
|
+
Utils: {
|
243
|
+
Linear: (p0: number, p1: number, t: number) => number;
|
244
|
+
Bernstein: (n: number, i: number) => number;
|
245
|
+
Factorial: (n: number) => number;
|
246
|
+
CatmullRom: (p0: number, p1: number, p2: number, p3: number, t: number) => number;
|
247
|
+
};
|
248
|
+
};
|
249
|
+
now: () => number;
|
250
|
+
Sequence: typeof Sequence;
|
251
|
+
nextId: typeof Sequence.nextId;
|
252
|
+
Tween: typeof Tween;
|
253
|
+
VERSION: string;
|
254
|
+
getAll: () => Tween<Record<string, any>>[];
|
255
|
+
removeAll: () => void;
|
256
|
+
add: (tween: Tween<Record<string, any>>) => void;
|
257
|
+
remove: (tween: Tween<Record<string, any>>) => void;
|
258
|
+
update: (time?: number, preserve?: boolean) => boolean;
|
259
|
+
};
|
260
|
+
|
261
|
+
export default exports;
|
262
|
+
export { Easing, Group, Interpolation, Sequence, Tween, VERSION, add, getAll, nextId, now, remove, removeAll, update };
|