| OLD | NEW |
| (Empty) |
| 1 // Copyright 2014 Google Inc. All rights reserved. | |
| 2 // | |
| 3 // Licensed under the Apache License, Version 2.0 (the "License"); | |
| 4 // you may not use this file except in compliance with the License. | |
| 5 // You may obtain a copy of the License at | |
| 6 // | |
| 7 // http://www.apache.org/licenses/LICENSE-2.0 | |
| 8 // | |
| 9 // Unless required by applicable law or agreed to in writing, software | |
| 10 // distributed under the License is distributed on an "AS IS" BASIS, | |
| 11 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |
| 12 // See the License for the specific language governing permissions and | |
| 13 // limitations under the License. | |
| 14 | |
| 15 (function(shared, scope, testing) { | |
| 16 | |
| 17 scope.convertEffectInput = function(effectInput) { | |
| 18 var keyframeEffect = shared.normalizeKeyframes(effectInput); | |
| 19 var propertySpecificKeyframeGroups = makePropertySpecificKeyframeGroups(keyf
rameEffect); | |
| 20 var interpolations = makeInterpolations(propertySpecificKeyframeGroups); | |
| 21 return function(target, fraction) { | |
| 22 if (fraction != null) { | |
| 23 interpolations.filter(function(interpolation) { | |
| 24 return (fraction <= 0 && interpolation.startTime == 0) || | |
| 25 (fraction >= 1 && interpolation.endTime == 1) || | |
| 26 (fraction >= interpolation.startTime && fraction <= interpolati
on.endTime); | |
| 27 }).forEach(function(interpolation) { | |
| 28 var offsetFraction = fraction - interpolation.startTime; | |
| 29 var localDuration = interpolation.endTime - interpolation.startTime; | |
| 30 var scaledLocalTime = localDuration == 0 ? 0 : interpolation.easing(of
fsetFraction / localDuration); | |
| 31 scope.apply(target, interpolation.property, interpolation.interpolatio
n(scaledLocalTime)); | |
| 32 }); | |
| 33 } else { | |
| 34 for (var property in propertySpecificKeyframeGroups) | |
| 35 if (property != 'offset' && property != 'easing' && property != 'compo
site') | |
| 36 scope.clear(target, property); | |
| 37 } | |
| 38 }; | |
| 39 }; | |
| 40 | |
| 41 | |
| 42 function makePropertySpecificKeyframeGroups(keyframeEffect) { | |
| 43 var propertySpecificKeyframeGroups = {}; | |
| 44 | |
| 45 for (var i = 0; i < keyframeEffect.length; i++) { | |
| 46 for (var member in keyframeEffect[i]) { | |
| 47 if (member != 'offset' && member != 'easing' && member != 'composite') { | |
| 48 var propertySpecificKeyframe = { | |
| 49 offset: keyframeEffect[i].offset, | |
| 50 easing: keyframeEffect[i].easing, | |
| 51 value: keyframeEffect[i][member] | |
| 52 }; | |
| 53 propertySpecificKeyframeGroups[member] = propertySpecificKeyframeGroup
s[member] || []; | |
| 54 propertySpecificKeyframeGroups[member].push(propertySpecificKeyframe); | |
| 55 } | |
| 56 } | |
| 57 } | |
| 58 | |
| 59 for (var groupName in propertySpecificKeyframeGroups) { | |
| 60 var group = propertySpecificKeyframeGroups[groupName]; | |
| 61 if (group[0].offset != 0 || group[group.length - 1].offset != 1) { | |
| 62 throw { | |
| 63 type: DOMException.NOT_SUPPORTED_ERR, | |
| 64 name: 'NotSupportedError', | |
| 65 message: 'Partial keyframes are not supported' | |
| 66 }; | |
| 67 } | |
| 68 } | |
| 69 return propertySpecificKeyframeGroups; | |
| 70 } | |
| 71 | |
| 72 | |
| 73 function makeInterpolations(propertySpecificKeyframeGroups) { | |
| 74 var interpolations = []; | |
| 75 for (var groupName in propertySpecificKeyframeGroups) { | |
| 76 var group = propertySpecificKeyframeGroups[groupName]; | |
| 77 for (var i = 0; i < group.length - 1; i++) { | |
| 78 var startTime = group[i].offset; | |
| 79 var endTime = group[i + 1].offset; | |
| 80 var startValue = group[i].value; | |
| 81 var endValue = group[i + 1].value; | |
| 82 if (startTime == endTime) { | |
| 83 if (endTime == 1) { | |
| 84 startValue = endValue; | |
| 85 } else { | |
| 86 endValue = startValue; | |
| 87 } | |
| 88 } | |
| 89 interpolations.push({ | |
| 90 startTime: startTime, | |
| 91 endTime: endTime, | |
| 92 easing: group[i].easing, | |
| 93 property: groupName, | |
| 94 interpolation: scope.propertyInterpolation(groupName, startValue, endV
alue) | |
| 95 }); | |
| 96 } | |
| 97 } | |
| 98 interpolations.sort(function(leftInterpolation, rightInterpolation) { | |
| 99 return leftInterpolation.startTime - rightInterpolation.startTime; | |
| 100 }); | |
| 101 return interpolations; | |
| 102 } | |
| 103 | |
| 104 | |
| 105 if (WEB_ANIMATIONS_TESTING) { | |
| 106 testing.makePropertySpecificKeyframeGroups = makePropertySpecificKeyframeGro
ups; | |
| 107 testing.makeInterpolations = makeInterpolations; | |
| 108 } | |
| 109 | |
| 110 })(webAnimationsShared, webAnimations1, webAnimationsTesting); | |
| OLD | NEW |