third_party/web-animations-js/sources/src/effect.js

   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(keyframeEffect);
  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 <= interpolation.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(offsetFraction / localDuration);
  31           scope.apply(target, interpolation.property, interpolation.interpolation(scaledLocalTime));
  32         });
  33       } else {
  34         for (var property in propertySpecificKeyframeGroups)
  35           if (property != 'offset' && property != 'easing' && property != 'composite')
  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] = propertySpecificKeyframeGroups[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, endValue)
  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 = makePropertySpecificKeyframeGroups;
 107     testing.makeInterpolations = makeInterpolations;
 108   }
 109
 110 })(webAnimationsShared, webAnimations1, webAnimationsTesting);