741 lines
21 KiB
HTML
741 lines
21 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<title>Code coverage report for src/Timeline.js</title>
|
||
<meta charset="utf-8" />
|
||
<link rel="stylesheet" href="../prettify.css" />
|
||
<link rel="stylesheet" href="../base.css" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<style type='text/css'>
|
||
.coverage-summary .sorter {
|
||
background-image: url(../sort-arrow-sprite.png);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class='wrapper'>
|
||
<div class='pad1'>
|
||
<h1>
|
||
<a href="../index.html">all files</a> / <a href="index.html">src/</a> Timeline.js
|
||
</h1>
|
||
<div class='clearfix'>
|
||
<div class='fl pad1y space-right2'>
|
||
<span class="strong">78.13% </span>
|
||
<span class="quiet">Statements</span>
|
||
<span class='fraction'>50/64</span>
|
||
</div>
|
||
<div class='fl pad1y space-right2'>
|
||
<span class="strong">58.62% </span>
|
||
<span class="quiet">Branches</span>
|
||
<span class='fraction'>17/29</span>
|
||
</div>
|
||
<div class='fl pad1y space-right2'>
|
||
<span class="strong">64.29% </span>
|
||
<span class="quiet">Functions</span>
|
||
<span class='fraction'>9/14</span>
|
||
</div>
|
||
<div class='fl pad1y space-right2'>
|
||
<span class="strong">78.13% </span>
|
||
<span class="quiet">Lines</span>
|
||
<span class='fraction'>50/64</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class='status-line medium'></div>
|
||
<pre><table class="coverage">
|
||
<tr><td class="line-count quiet">1
|
||
2
|
||
3
|
||
4
|
||
5
|
||
6
|
||
7
|
||
8
|
||
9
|
||
10
|
||
11
|
||
12
|
||
13
|
||
14
|
||
15
|
||
16
|
||
17
|
||
18
|
||
19
|
||
20
|
||
21
|
||
22
|
||
23
|
||
24
|
||
25
|
||
26
|
||
27
|
||
28
|
||
29
|
||
30
|
||
31
|
||
32
|
||
33
|
||
34
|
||
35
|
||
36
|
||
37
|
||
38
|
||
39
|
||
40
|
||
41
|
||
42
|
||
43
|
||
44
|
||
45
|
||
46
|
||
47
|
||
48
|
||
49
|
||
50
|
||
51
|
||
52
|
||
53
|
||
54
|
||
55
|
||
56
|
||
57
|
||
58
|
||
59
|
||
60
|
||
61
|
||
62
|
||
63
|
||
64
|
||
65
|
||
66
|
||
67
|
||
68
|
||
69
|
||
70
|
||
71
|
||
72
|
||
73
|
||
74
|
||
75
|
||
76
|
||
77
|
||
78
|
||
79
|
||
80
|
||
81
|
||
82
|
||
83
|
||
84
|
||
85
|
||
86
|
||
87
|
||
88
|
||
89
|
||
90
|
||
91
|
||
92
|
||
93
|
||
94
|
||
95
|
||
96
|
||
97
|
||
98
|
||
99
|
||
100
|
||
101
|
||
102
|
||
103
|
||
104
|
||
105
|
||
106
|
||
107
|
||
108
|
||
109
|
||
110
|
||
111
|
||
112
|
||
113
|
||
114
|
||
115
|
||
116
|
||
117
|
||
118
|
||
119
|
||
120
|
||
121
|
||
122
|
||
123
|
||
124
|
||
125
|
||
126
|
||
127
|
||
128
|
||
129
|
||
130
|
||
131
|
||
132
|
||
133
|
||
134
|
||
135
|
||
136
|
||
137
|
||
138
|
||
139
|
||
140
|
||
141
|
||
142
|
||
143
|
||
144
|
||
145
|
||
146
|
||
147
|
||
148
|
||
149
|
||
150
|
||
151
|
||
152
|
||
153
|
||
154
|
||
155
|
||
156
|
||
157
|
||
158
|
||
159
|
||
160
|
||
161
|
||
162
|
||
163
|
||
164
|
||
165
|
||
166
|
||
167
|
||
168
|
||
169
|
||
170
|
||
171
|
||
172
|
||
173
|
||
174
|
||
175
|
||
176
|
||
177
|
||
178
|
||
179
|
||
180
|
||
181
|
||
182
|
||
183
|
||
184
|
||
185
|
||
186
|
||
187
|
||
188
|
||
189
|
||
190
|
||
191
|
||
192
|
||
193
|
||
194
|
||
195
|
||
196
|
||
197
|
||
198
|
||
199
|
||
200
|
||
201
|
||
202
|
||
203
|
||
204
|
||
205
|
||
206
|
||
207
|
||
208
|
||
209
|
||
210
|
||
211
|
||
212
|
||
213
|
||
214
|
||
215
|
||
216
|
||
217
|
||
218
|
||
219
|
||
220
|
||
221
|
||
222
|
||
223
|
||
224
|
||
225
|
||
226</td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-yes">2×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">3×</span>
|
||
<span class="cline-any cline-yes">3×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-yes">60×</span>
|
||
<span class="cline-any cline-yes">60×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">60×</span>
|
||
<span class="cline-any cline-yes">3×</span>
|
||
<span class="cline-any cline-yes">3×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-yes">60×</span>
|
||
<span class="cline-any cline-yes">3×</span>
|
||
<span class="cline-any cline-yes">3×</span>
|
||
<span class="cline-any cline-yes">3×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">57×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-yes">3×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">2×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">2×</span>
|
||
<span class="cline-any cline-yes">2×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">2×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">46×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">44×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">44×</span>
|
||
<span class="cline-any cline-yes">38×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">2×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">2×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-no"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-yes">1×</span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span>
|
||
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">import Base from './core/Base';
|
||
import Animator from './animation/Animator';
|
||
|
||
var g = typeof window === 'undefined' ? <span class="branch-0 cbranch-no" title="branch not covered" >global </span>: window;
|
||
|
||
var requestAnimationFrame = g.requestAnimationFrame
|
||
|| <span class="branch-1 cbranch-no" title="branch not covered" >g.msRequestAnimationFrame</span>
|
||
|| <span class="branch-2 cbranch-no" title="branch not covered" >g.mozRequestAnimationFrame</span>
|
||
|| <span class="branch-3 cbranch-no" title="branch not covered" >g.webkitRequestAnimationFrame</span>
|
||
|| <span class="branch-4 cbranch-no" title="branch not covered" >function (func)<span class="fstat-no" title="function not covered" >{ <span class="cstat-no" title="statement not covered" >setTimeout(func, 16); </span>};</span></span>
|
||
|
||
/**
|
||
* Animation is global timeline that schedule all clips. each frame animation will set the time of clips to current and update the states of clips
|
||
* @constructor clay.Timeline
|
||
* @extends clay.core.Base
|
||
*
|
||
* @example
|
||
* var animation = new clay.Timeline();
|
||
* var node = new clay.Node();
|
||
* animation.animate(node.position)
|
||
* .when(1000, {
|
||
* x: 500,
|
||
* y: 500
|
||
* })
|
||
* .when(2000, {
|
||
* x: 100,
|
||
* y: 100
|
||
* })
|
||
* .when(3000, {
|
||
* z: 10
|
||
* })
|
||
* .start('spline');
|
||
*/
|
||
var Timeline = Base.extend(function () {
|
||
return /** @lends clay.Timeline# */{
|
||
/**
|
||
* stage is an object with render method, each frame if there exists any animating clips, stage.render will be called
|
||
* @type {Object}
|
||
*/
|
||
stage: null,
|
||
|
||
_clips: [],
|
||
|
||
_running: false,
|
||
|
||
_time: 0,
|
||
|
||
_paused: false,
|
||
|
||
_pausedTime: 0
|
||
};
|
||
},
|
||
/** @lends clay.Timeline.prototype */
|
||
{
|
||
|
||
/**
|
||
* Add animator
|
||
* @param {clay.animate.Animator} animator
|
||
*/
|
||
addAnimator: function (animator) <span class="fstat-no" title="function not covered" >{</span>
|
||
<span class="cstat-no" title="statement not covered" > animator.animation = this;</span>
|
||
var clips = <span class="cstat-no" title="statement not covered" >animator.getClips();</span>
|
||
<span class="cstat-no" title="statement not covered" > for (var i = 0; i < clips.length; i++) {</span>
|
||
<span class="cstat-no" title="statement not covered" > this.addClip(clips[i]);</span>
|
||
}
|
||
},
|
||
|
||
/**
|
||
* @param {clay.animation.Clip} clip
|
||
*/
|
||
addClip: function (clip) {
|
||
<span class="missing-if-branch" title="else path not taken" >E</span>if (this._clips.indexOf(clip) < 0) {
|
||
this._clips.push(clip);
|
||
}
|
||
},
|
||
|
||
/**
|
||
* @param {clay.animation.Clip} clip
|
||
*/
|
||
removeClip: function (clip) <span class="fstat-no" title="function not covered" >{</span>
|
||
var idx = <span class="cstat-no" title="statement not covered" >this._clips.indexOf(clip);</span>
|
||
<span class="cstat-no" title="statement not covered" > if (idx >= 0) {</span>
|
||
<span class="cstat-no" title="statement not covered" > this._clips.splice(idx, 1);</span>
|
||
}
|
||
},
|
||
|
||
/**
|
||
* Remove animator
|
||
* @param {clay.animate.Animator} animator
|
||
*/
|
||
removeAnimator: function (animator) <span class="fstat-no" title="function not covered" >{</span>
|
||
var clips = <span class="cstat-no" title="statement not covered" >animator.getClips();</span>
|
||
<span class="cstat-no" title="statement not covered" > for (var i = 0; i < clips.length; i++) {</span>
|
||
<span class="cstat-no" title="statement not covered" > this.removeClip(clips[i]);</span>
|
||
}
|
||
<span class="cstat-no" title="statement not covered" > animator.animation = null;</span>
|
||
},
|
||
|
||
_update: function () {
|
||
|
||
var time = Date.now() - this._pausedTime;
|
||
var delta = time - this._time;
|
||
var clips = this._clips;
|
||
var len = clips.length;
|
||
|
||
var deferredEvents = [];
|
||
var deferredClips = [];
|
||
for (var i = 0; i < len; i++) {
|
||
var clip = clips[i];
|
||
var e = clip.step(time, delta, false);
|
||
// Throw out the events need to be called after
|
||
// stage.render, like finish
|
||
if (e) {
|
||
deferredEvents.push(e);
|
||
deferredClips.push(clip);
|
||
}
|
||
}
|
||
|
||
// Remove the finished clip
|
||
for (var i = 0; i < len;) {
|
||
if (clips[i]._needsRemove) {
|
||
clips[i] = clips[len-1];
|
||
clips.pop();
|
||
len--;
|
||
} else {
|
||
i++;
|
||
}
|
||
}
|
||
|
||
len = deferredEvents.length;
|
||
for (var i = 0; i < len; i++) {
|
||
deferredClips[i].fire(deferredEvents[i]);
|
||
}
|
||
|
||
this._time = time;
|
||
|
||
this.trigger('frame', delta);
|
||
|
||
<span class="missing-if-branch" title="if path not taken" >I</span>if (this.stage && <span class="branch-1 cbranch-no" title="branch not covered" >this.stage.render)</span> {
|
||
<span class="cstat-no" title="statement not covered" > this.stage.render();</span>
|
||
}
|
||
},
|
||
/**
|
||
* Start running animation
|
||
*/
|
||
start: function () {
|
||
var self = this;
|
||
|
||
this._running = true;
|
||
this._time = Date.now();
|
||
|
||
this._pausedTime = 0;
|
||
|
||
function step() {
|
||
if (self._running) {
|
||
|
||
requestAnimationFrame(step);
|
||
|
||
if (!self._paused) {
|
||
self._update();
|
||
}
|
||
}
|
||
}
|
||
|
||
requestAnimationFrame(step);
|
||
|
||
},
|
||
/**
|
||
* Stop running animation
|
||
*/
|
||
stop: function () {
|
||
this._running = false;
|
||
},
|
||
|
||
/**
|
||
* Pause
|
||
*/
|
||
pause: function () {
|
||
<span class="missing-if-branch" title="else path not taken" >E</span>if (!this._paused) {
|
||
this._pauseStart = Date.now();
|
||
this._paused = true;
|
||
}
|
||
},
|
||
|
||
/**
|
||
* Resume
|
||
*/
|
||
resume: function () {
|
||
<span class="missing-if-branch" title="else path not taken" >E</span>if (this._paused) {
|
||
this._pausedTime += Date.now() - this._pauseStart;
|
||
this._paused = false;
|
||
}
|
||
},
|
||
|
||
/**
|
||
* Remove all clips
|
||
*/
|
||
removeClipsAll: function () <span class="fstat-no" title="function not covered" >{</span>
|
||
<span class="cstat-no" title="statement not covered" > this._clips = [];</span>
|
||
},
|
||
/**
|
||
* Create an animator
|
||
* @param {Object} target
|
||
* @param {Object} [options]
|
||
* @param {boolean} [options.loop]
|
||
* @param {Function} [options.getter]
|
||
* @param {Function} [options.setter]
|
||
* @param {Function} [options.interpolater]
|
||
* @return {clay.animation.Animator}
|
||
*/
|
||
animate: function (target, options) {
|
||
options = options || {};
|
||
var animator = new Animator(
|
||
target,
|
||
options.loop,
|
||
options.getter,
|
||
options.setter,
|
||
options.interpolater
|
||
);
|
||
animator.animation = this;
|
||
return animator;
|
||
}
|
||
});
|
||
|
||
export default Timeline;
|
||
</pre></td></tr>
|
||
</table></pre>
|
||
<div class='push'></div><!-- for sticky footer -->
|
||
</div><!-- /wrapper -->
|
||
<div class='footer quiet pad2 space-top1 center small'>
|
||
Code coverage
|
||
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Fri Feb 23 2018 01:09:23 GMT+0800 (CST)
|
||
</div>
|
||
</div>
|
||
<script src="../prettify.js"></script>
|
||
<script>
|
||
window.onload = function () {
|
||
if (typeof prettyPrint === 'function') {
|
||
prettyPrint();
|
||
}
|
||
};
|
||
</script>
|
||
<script src="../sorter.js"></script>
|
||
</body>
|
||
</html>
|