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
|
// Copyright 2014 Google Inc. All rights reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
(function(shared, scope, testing) {
var nullTarget = document.createElementNS('http://www.w3.org/1999/xhtml', 'div');
var sequenceNumber = 0;
scope.bindAnimationForCustomEffect = function(animation) {
var target = animation.effect.target;
var effectFunction;
var isKeyframeEffect = typeof animation.effect.getFrames() == 'function';
if (isKeyframeEffect) {
effectFunction = animation.effect.getFrames();
} else {
effectFunction = animation.effect._onsample;
}
var timing = animation.effect.timing;
var last = null;
timing = shared.normalizeTimingInput(timing);
var callback = function() {
var t = callback._animation ? callback._animation.currentTime : null;
if (t !== null) {
t = shared.calculateIterationProgress(shared.calculateActiveDuration(timing), t, timing);
if (isNaN(t))
t = null;
}
// FIXME: There are actually more conditions under which the effectFunction
// should be called.
if (t !== last) {
if (isKeyframeEffect) {
effectFunction(t, target, animation.effect);
} else {
effectFunction(t, animation.effect, animation.effect._animation);
}
}
last = t;
};
callback._animation = animation;
callback._registered = false;
callback._sequenceNumber = sequenceNumber++;
animation._callback = callback;
register(callback);
};
var callbacks = [];
var ticking = false;
function register(callback) {
if (callback._registered)
return;
callback._registered = true;
callbacks.push(callback);
if (!ticking) {
ticking = true;
requestAnimationFrame(tick);
}
}
function tick(t) {
var updating = callbacks;
callbacks = [];
updating.sort(function(left, right) {
return left._sequenceNumber - right._sequenceNumber;
});
updating = updating.filter(function(callback) {
callback();
var playState = callback._animation ? callback._animation.playState : 'idle';
if (playState != 'running' && playState != 'pending')
callback._registered = false;
return callback._registered;
});
callbacks.push.apply(callbacks, updating);
if (callbacks.length) {
ticking = true;
requestAnimationFrame(tick);
} else {
ticking = false;
}
}
scope.Animation.prototype._register = function() {
if (this._callback)
register(this._callback);
};
})(webAnimationsShared, webAnimationsNext, webAnimationsTesting);
|