extension/jsx/utils/keyframeHelper.jsx - external/github.com/airbnb/lottie-web - Git at Google

 /*jslint vars: true , plusplus: true, devel: true, nomen: true, regexp: true, indent: 4, maxerr: 50 */
 /*global PropertyValueType, KeyframeInterpolationType, bm_generalUtils, bm_eventDispatcher, bm_expressionHelper*/
 var bm_keyframeHelper = (function () {
     'use strict';
     var ob = {}, property, j = 1, jLen, beziersArray, averageSpeed, duration, bezierIn, bezierOut, frameRate;

     function getPropertyValue(value, roundFlag) {
         switch (property.propertyValueType) {
         case PropertyValueType.SHAPE:
             var elem = {
                 i : roundFlag ? bm_generalUtils.roundNumber(value.inTangents, 3) :  value.inTangents,
                 o : roundFlag ? bm_generalUtils.roundNumber(value.outTangents, 3) : value.outTangents,
                 v : roundFlag ? bm_generalUtils.roundNumber(value.vertices, 3) : value.vertices
             };
             return elem;
         case PropertyValueType.COLOR:
             var i, len = value.length;
             for (i = 0; i < len; i += 1) {
                 //value[i] = Math.round(value[i] * 255);
                 value[i] = Math.round(value[i]*100)/100;
             }
             return value;
         default:
             return roundFlag ? bm_generalUtils.roundNumber(value, 3) :  value;
         }
     }

     function getCurveLength(initPos, endPos, outBezier, inBezier) {
         var k, curveSegments = 200, point, lastPoint = null, ptDistance, absToCoord, absTiCoord, triCoord1, triCoord2, triCoord3, liCoord1, liCoord2, ptCoord, perc, addedLength = 0, i, len;
         for (k = 0; k < curveSegments; k += 1) {
             point = [];
             perc = k / (curveSegments - 1);
             ptDistance = 0;
             absToCoord = [];
             absTiCoord = [];
             len = outBezier.length;
             for (i = 0; i < len; i += 1) {
                 if (absToCoord[i] === null || absToCoord[i] === undefined) {
                     absToCoord[i] = initPos[i] + outBezier[i];
                     absTiCoord[i] = endPos[i] + inBezier[i];
                 }
                 triCoord1 = initPos[i] + (absToCoord[i] - initPos[i]) * perc;
                 triCoord2 = absToCoord[i] + (absTiCoord[i] - absToCoord[i]) * perc;
                 triCoord3 = absTiCoord[i] + (endPos[i] - absTiCoord[i]) * perc;
                 liCoord1 = triCoord1 + (triCoord2 - triCoord1) * perc;
                 liCoord2 = triCoord2 + (triCoord3 - triCoord2) * perc;
                 ptCoord = liCoord1 + (liCoord2 - liCoord1) * perc;
                 point.push(ptCoord);
                 if (lastPoint !== null) {
                     ptDistance += Math.pow(point[i] - lastPoint[i], 2);
                 }
             }
             ptDistance = Math.sqrt(ptDistance);
             addedLength += ptDistance;
             lastPoint = point;
         }
         return addedLength;
     }

     function buildKeyInfluence(key, lastKey, indexTime) {
         switch (property.propertyValueType) {
         case PropertyValueType.ThreeD_SPATIAL:
         case PropertyValueType.TwoD_SPATIAL:
         case PropertyValueType.SHAPE:
         case PropertyValueType.NO_VALUE:
             key.easeIn = {
                 influence : property.keyInTemporalEase(indexTime + 1)[0].influence,
                 speed : property.keyInTemporalEase(indexTime + 1)[0].speed
             };
             lastKey.easeOut = {
                 influence : property.keyOutTemporalEase(indexTime)[0].influence,
                 speed : property.keyOutTemporalEase(indexTime)[0].speed
             };
             break;
         default:
             key.easeIn = [];
             lastKey.easeOut = [];
             var inEase = property.keyInTemporalEase(indexTime + 1);
             var outEase = property.keyOutTemporalEase(indexTime);
             var i, len = inEase.length;
             for (i = 0; i < len; i += 1) {
                 key.easeIn.push({influence: inEase[i].influence, speed: inEase[i].speed});
                 lastKey.easeOut.push({influence: outEase[i].influence, speed: outEase[i].speed});
             }
         }
     }

     function exportKeys(prop, frRate, keyframeValues) {
         property = prop;
         var propertyValueType = property.propertyValueType;

         frameRate = frRate;
         beziersArray = [];
         if (property.numKeys <= 1) {
             if(propertyValueType === PropertyValueType.NO_VALUE){
                 return keyframeValues;
             }
             return getPropertyValue(property.valueAtTime(0, true), true);
         }
         jLen = property.numKeys;
         var isPrevHoldInterpolated = false;
         for (j = 1; j < jLen; j += 1) {
             isPrevHoldInterpolated = false;
             var segmentOb = {};
             ///////
             var indexTime = j;
             var i, len;
             var k, kLen;
             var key = {};
             var lastKey = {};
             var interpolationType = '';
             key.time = property.keyTime(indexTime + 1);
             lastKey.time = property.keyTime(indexTime);
             if(propertyValueType !== PropertyValueType.NO_VALUE){
                 key.value = getPropertyValue(property.keyValue(indexTime + 1), false);
                 lastKey.value = getPropertyValue(property.keyValue(indexTime), false);
                 if (!(key.value instanceof Array)) {
                     key.value = [key.value];
                     lastKey.value = [lastKey.value];
                 }
             } else {
                 key.value = keyframeValues[j];
                 lastKey.value = keyframeValues[j-1];
             }
             if (property.keyOutInterpolationType(indexTime) === KeyframeInterpolationType.HOLD) {
                 interpolationType = 'hold';
             } else {
                 if (property.keyOutInterpolationType(indexTime) === KeyframeInterpolationType.LINEAR && property.keyInInterpolationType(indexTime + 1) === KeyframeInterpolationType.LINEAR) {
                     interpolationType = 'linear';
                 }
                 buildKeyInfluence(key, lastKey, indexTime);
                 switch (property.propertyValueType) {
                 case PropertyValueType.ThreeD_SPATIAL:
                 case PropertyValueType.TwoD_SPATIAL:
                     lastKey.to = property.keyOutSpatialTangent(indexTime);
                     key.ti = property.keyInSpatialTangent(indexTime + 1);
                     break;
                 }
             }
             if (interpolationType === 'hold') {
                 isPrevHoldInterpolated = true;
                 segmentOb.t = bm_generalUtils.roundNumber(lastKey.time * frameRate, 3);
                 if(propertyValueType !== PropertyValueType.NO_VALUE){
                     segmentOb.s = getPropertyValue(property.keyValue(j), true);
                     if (!(segmentOb.s instanceof Array)) {
                         segmentOb.s = [segmentOb.s];
                     }
                 } else {
                     segmentOb.s = keyframeValues[j-1];
                 }
                 segmentOb.h = 1;
             } else {
                 duration = key.time - lastKey.time;
                 len = propertyValueType === PropertyValueType.NO_VALUE ? 0 : key.value.length;
                 bezierIn = {};
                 bezierOut = {};
                 averageSpeed = 0;
                 var infOut, infIn;
                 switch (property.propertyValueType) {
                 case PropertyValueType.ThreeD_SPATIAL:
                 case PropertyValueType.TwoD_SPATIAL:
                     var curveLength = getCurveLength(lastKey.value, key.value, lastKey.to, key.ti);
                     averageSpeed = curveLength / duration;
                     if (curveLength === 0) {
                         infOut = lastKey.easeOut.influence;
                         infIn = key.easeIn.influence;
                     } else {
                         infOut = Math.min(100 * curveLength / (lastKey.easeOut.speed * duration), lastKey.easeOut.influence);
                         infIn = Math.min(100 * curveLength / (key.easeIn.speed * duration), key.easeIn.influence);
                     }
                     bezierIn.x = 1 - infIn / 100;
                     bezierOut.x = infOut / 100;
                     break;
                 case PropertyValueType.SHAPE:
                 case PropertyValueType.NO_VALUE:
                     averageSpeed = 1;
                     infOut = Math.min(100 / lastKey.easeOut.speed, lastKey.easeOut.influence);
                     infIn = Math.min(100 / key.easeIn.speed, key.easeIn.influence);
                     bezierIn.x = 1 - infIn / 100;
                     bezierOut.x = infOut / 100;
                     break;
                 case PropertyValueType.ThreeD:
                 case PropertyValueType.TwoD:
                 case PropertyValueType.OneD:
                 case PropertyValueType.COLOR:
                     bezierIn.x = [];
                     bezierOut.x = [];
                     kLen = key.easeIn.length;
                     for (k = 0; k < kLen; k += 1) {
                         bezierIn.x[k] = 1 - key.easeIn[k].influence / 100;
                         bezierOut.x[k] = lastKey.easeOut[k].influence / 100;
                     }
                     averageSpeed = [];
                     for (i = 0; i < len; i += 1) {
                         if(property.propertyValueType === PropertyValueType.COLOR){
                             averageSpeed[i] =  255*(key.value[i] - lastKey.value[i]) / duration;
                         } else {
                             averageSpeed[i] =  (key.value[i] - lastKey.value[i]) / duration;
                         }
                     }
                     break;
                 }
                 if (averageSpeed === 0) {
                     bezierIn.y = bezierIn.x;
                     bezierOut.y = bezierOut.x;
                 } else {
                     switch (property.propertyValueType) {
                     case PropertyValueType.ThreeD_SPATIAL:
                     case PropertyValueType.TwoD_SPATIAL:
                     case PropertyValueType.SHAPE:
                     case PropertyValueType.NO_VALUE:
                         if (interpolationType === 'linear') {
                             bezierIn.y = bezierIn.x;
                             bezierOut.y = bezierOut.x;
                         } else {
                             bezierIn.y =  1 - ((key.easeIn.speed) / averageSpeed) * (infIn / 100);
                             bezierOut.y = ((lastKey.easeOut.speed) / averageSpeed) * bezierOut.x;
                         }
                         break;
                     case PropertyValueType.ThreeD:
                     case PropertyValueType.TwoD:
                     case PropertyValueType.OneD:
                     case PropertyValueType.COLOR:
                         bezierIn.y = [];
                         bezierOut.y = [];
                         kLen = key.easeIn.length;
                         for (k = 0; k < kLen; k += 1) {
                             if (averageSpeed[k] === 0 || interpolationType === 'linear') {
                                 bezierIn.y[k] = bezierIn.x[k];
                                 bezierOut.y[k] = bezierOut.x[k];
                             } else {
                                 bezierIn.y[k] = 1 - ((key.easeIn[k].speed) / averageSpeed[k]) * (key.easeIn[k].influence / 100);
                                 bezierOut.y[k] = ((lastKey.easeOut[k].speed) / averageSpeed[k]) * bezierOut.x[k];
                             }
                         }
                         break;
                     }
                 }

                 bezierIn.x = bm_generalUtils.roundNumber(bezierIn.x, 3);
                 bezierIn.y = bm_generalUtils.roundNumber(bezierIn.y, 3);
                 bezierOut.x = bm_generalUtils.roundNumber(bezierOut.x, 3);
                 bezierOut.y = bm_generalUtils.roundNumber(bezierOut.y, 3);
                 segmentOb.i = bezierIn;
                 segmentOb.o = bezierOut;
                 if (bezierIn.x.length) {
                     segmentOb.n = [];
                     kLen = bezierIn.x.length;
                     for (k = 0; k < kLen; k += 1) {
                         segmentOb.n.push((bezierIn.x[k].toString() + '_' + bezierIn.y[k].toString() + '_' + bezierOut.x[k].toString() + '_' + bezierOut.y[k].toString()).replace(/\./g, 'p'));
                     }
                 } else {
                     segmentOb.n = (bezierIn.x.toString() + '_' + bezierIn.y.toString() + '_' + bezierOut.x.toString() + '_' + bezierOut.y.toString()).replace(/\./g, 'p');
                 }
                 segmentOb.t = bm_generalUtils.roundNumber(lastKey.time * frameRate, 3);
                 if(propertyValueType !== PropertyValueType.NO_VALUE) {
                     segmentOb.s = getPropertyValue(property.keyValue(j), true);
                     segmentOb.e = getPropertyValue(property.keyValue(j + 1), true);
                     if (!(segmentOb.s instanceof Array)) {
                         segmentOb.s = [segmentOb.s];
                         segmentOb.e = [segmentOb.e];
                     }
                 } else {
                     segmentOb.s = keyframeValues[j-1];
                     segmentOb.e = keyframeValues[j];

                 }
                 if (property.propertyValueType === PropertyValueType.ThreeD_SPATIAL || property.propertyValueType === PropertyValueType.TwoD_SPATIAL) {
                     segmentOb.to = lastKey.to;
                     segmentOb.ti = key.ti;
                 }
             }

             ///////
             beziersArray.push(segmentOb);
         }
         beziersArray.push({t: property.keyTime(j) * frameRate});
         if (property.keyOutInterpolationType(j) === KeyframeInterpolationType.HOLD || isPrevHoldInterpolated) {
             if(propertyValueType !== PropertyValueType.NO_VALUE) {
                 var value = getPropertyValue(property.keyValue(j), true);
                 if (!(value instanceof Array)) {
                     value = [value];
                 }
             } else {
                 value = keyframeValues[j-1];
             }
             beziersArray[beziersArray.length - 1].s = value;
             beziersArray[beziersArray.length - 1].h = 1;
         }
         return beziersArray;
     }

     function exportKeyframes(prop, frRate, keyframeValues) {
         var returnOb = {
             k: exportKeys(prop, frRate, keyframeValues)
         };
         bm_expressionHelper.checkExpression(prop, returnOb);
         return returnOb;
     }

     ob.exportKeyframes = exportKeyframes;

     return ob;
 }());
	/jslint vars: true , plusplus: true, devel: true, nomen: true, regexp: true, indent: 4, maxerr: 50 /
	/global PropertyValueType, KeyframeInterpolationType, bm_generalUtils, bm_eventDispatcher, bm_expressionHelper/
	var bm_keyframeHelper = (function () {
	'use strict';
	var ob = {}, property, j = 1, jLen, beziersArray, averageSpeed, duration, bezierIn, bezierOut, frameRate;

	function getPropertyValue(value, roundFlag) {
	switch (property.propertyValueType) {
	case PropertyValueType.SHAPE:
	var elem = {
	i : roundFlag ? bm_generalUtils.roundNumber(value.inTangents, 3) : value.inTangents,
	o : roundFlag ? bm_generalUtils.roundNumber(value.outTangents, 3) : value.outTangents,
	v : roundFlag ? bm_generalUtils.roundNumber(value.vertices, 3) : value.vertices
	};
	return elem;
	case PropertyValueType.COLOR:
	var i, len = value.length;
	for (i = 0; i < len; i += 1) {
	//value[i] = Math.round(value[i] * 255);
	value[i] = Math.round(value[i]*100)/100;
	}
	return value;
	default:
	return roundFlag ? bm_generalUtils.roundNumber(value, 3) : value;
	}
	}

	function getCurveLength(initPos, endPos, outBezier, inBezier) {
	var k, curveSegments = 200, point, lastPoint = null, ptDistance, absToCoord, absTiCoord, triCoord1, triCoord2, triCoord3, liCoord1, liCoord2, ptCoord, perc, addedLength = 0, i, len;
	for (k = 0; k < curveSegments; k += 1) {
	point = [];
	perc = k / (curveSegments - 1);
	ptDistance = 0;
	absToCoord = [];
	absTiCoord = [];
	len = outBezier.length;
	for (i = 0; i < len; i += 1) {
	if (absToCoord[i] === null \|\| absToCoord[i] === undefined) {
	absToCoord[i] = initPos[i] + outBezier[i];
	absTiCoord[i] = endPos[i] + inBezier[i];
	}
	triCoord1 = initPos[i] + (absToCoord[i] - initPos[i]) * perc;
	triCoord2 = absToCoord[i] + (absTiCoord[i] - absToCoord[i]) * perc;
	triCoord3 = absTiCoord[i] + (endPos[i] - absTiCoord[i]) * perc;
	liCoord1 = triCoord1 + (triCoord2 - triCoord1) * perc;
	liCoord2 = triCoord2 + (triCoord3 - triCoord2) * perc;
	ptCoord = liCoord1 + (liCoord2 - liCoord1) * perc;
	point.push(ptCoord);
	if (lastPoint !== null) {
	ptDistance += Math.pow(point[i] - lastPoint[i], 2);
	}
	}
	ptDistance = Math.sqrt(ptDistance);
	addedLength += ptDistance;
	lastPoint = point;
	}
	return addedLength;
	}

	function buildKeyInfluence(key, lastKey, indexTime) {
	switch (property.propertyValueType) {
	case PropertyValueType.ThreeD_SPATIAL:
	case PropertyValueType.TwoD_SPATIAL:
	case PropertyValueType.SHAPE:
	case PropertyValueType.NO_VALUE:
	key.easeIn = {
	influence : property.keyInTemporalEase(indexTime + 1)[0].influence,
	speed : property.keyInTemporalEase(indexTime + 1)[0].speed
	};
	lastKey.easeOut = {
	influence : property.keyOutTemporalEase(indexTime)[0].influence,
	speed : property.keyOutTemporalEase(indexTime)[0].speed
	};
	break;
	default:
	key.easeIn = [];
	lastKey.easeOut = [];
	var inEase = property.keyInTemporalEase(indexTime + 1);
	var outEase = property.keyOutTemporalEase(indexTime);
	var i, len = inEase.length;
	for (i = 0; i < len; i += 1) {
	key.easeIn.push({influence: inEase[i].influence, speed: inEase[i].speed});
	lastKey.easeOut.push({influence: outEase[i].influence, speed: outEase[i].speed});
	}
	}
	}

	function exportKeys(prop, frRate, keyframeValues) {
	property = prop;
	var propertyValueType = property.propertyValueType;

	frameRate = frRate;
	beziersArray = [];
	if (property.numKeys <= 1) {
	if(propertyValueType === PropertyValueType.NO_VALUE){
	return keyframeValues;
	}
	return getPropertyValue(property.valueAtTime(0, true), true);
	}
	jLen = property.numKeys;
	var isPrevHoldInterpolated = false;
	for (j = 1; j < jLen; j += 1) {
	isPrevHoldInterpolated = false;
	var segmentOb = {};
	///////
	var indexTime = j;
	var i, len;
	var k, kLen;
	var key = {};
	var lastKey = {};
	var interpolationType = '';
	key.time = property.keyTime(indexTime + 1);
	lastKey.time = property.keyTime(indexTime);
	if(propertyValueType !== PropertyValueType.NO_VALUE){
	key.value = getPropertyValue(property.keyValue(indexTime + 1), false);
	lastKey.value = getPropertyValue(property.keyValue(indexTime), false);
	if (!(key.value instanceof Array)) {
	key.value = [key.value];
	lastKey.value = [lastKey.value];
	}
	} else {
	key.value = keyframeValues[j];
	lastKey.value = keyframeValues[j-1];
	}
	if (property.keyOutInterpolationType(indexTime) === KeyframeInterpolationType.HOLD) {
	interpolationType = 'hold';
	} else {
	if (property.keyOutInterpolationType(indexTime) === KeyframeInterpolationType.LINEAR && property.keyInInterpolationType(indexTime + 1) === KeyframeInterpolationType.LINEAR) {
	interpolationType = 'linear';
	}
	buildKeyInfluence(key, lastKey, indexTime);
	switch (property.propertyValueType) {
	case PropertyValueType.ThreeD_SPATIAL:
	case PropertyValueType.TwoD_SPATIAL:
	lastKey.to = property.keyOutSpatialTangent(indexTime);
	key.ti = property.keyInSpatialTangent(indexTime + 1);
	break;
	}
	}
	if (interpolationType === 'hold') {
	isPrevHoldInterpolated = true;
	segmentOb.t = bm_generalUtils.roundNumber(lastKey.time * frameRate, 3);
	if(propertyValueType !== PropertyValueType.NO_VALUE){
	segmentOb.s = getPropertyValue(property.keyValue(j), true);
	if (!(segmentOb.s instanceof Array)) {
	segmentOb.s = [segmentOb.s];
	}
	} else {
	segmentOb.s = keyframeValues[j-1];
	}
	segmentOb.h = 1;
	} else {
	duration = key.time - lastKey.time;
	len = propertyValueType === PropertyValueType.NO_VALUE ? 0 : key.value.length;
	bezierIn = {};
	bezierOut = {};
	averageSpeed = 0;
	var infOut, infIn;
	switch (property.propertyValueType) {
	case PropertyValueType.ThreeD_SPATIAL:
	case PropertyValueType.TwoD_SPATIAL:
	var curveLength = getCurveLength(lastKey.value, key.value, lastKey.to, key.ti);
	averageSpeed = curveLength / duration;
	if (curveLength === 0) {
	infOut = lastKey.easeOut.influence;
	infIn = key.easeIn.influence;
	} else {
	infOut = Math.min(100 * curveLength / (lastKey.easeOut.speed * duration), lastKey.easeOut.influence);
	infIn = Math.min(100 * curveLength / (key.easeIn.speed * duration), key.easeIn.influence);
	}
	bezierIn.x = 1 - infIn / 100;
	bezierOut.x = infOut / 100;
	break;
	case PropertyValueType.SHAPE:
	case PropertyValueType.NO_VALUE:
	averageSpeed = 1;
	infOut = Math.min(100 / lastKey.easeOut.speed, lastKey.easeOut.influence);
	infIn = Math.min(100 / key.easeIn.speed, key.easeIn.influence);
	bezierIn.x = 1 - infIn / 100;
	bezierOut.x = infOut / 100;
	break;
	case PropertyValueType.ThreeD:
	case PropertyValueType.TwoD:
	case PropertyValueType.OneD:
	case PropertyValueType.COLOR:
	bezierIn.x = [];
	bezierOut.x = [];
	kLen = key.easeIn.length;
	for (k = 0; k < kLen; k += 1) {
	bezierIn.x[k] = 1 - key.easeIn[k].influence / 100;
	bezierOut.x[k] = lastKey.easeOut[k].influence / 100;
	}
	averageSpeed = [];
	for (i = 0; i < len; i += 1) {
	if(property.propertyValueType === PropertyValueType.COLOR){
	averageSpeed[i] = 255*(key.value[i] - lastKey.value[i]) / duration;
	} else {
	averageSpeed[i] = (key.value[i] - lastKey.value[i]) / duration;
	}
	}
	break;
	}
	if (averageSpeed === 0) {
	bezierIn.y = bezierIn.x;
	bezierOut.y = bezierOut.x;
	} else {
	switch (property.propertyValueType) {
	case PropertyValueType.ThreeD_SPATIAL:
	case PropertyValueType.TwoD_SPATIAL:
	case PropertyValueType.SHAPE:
	case PropertyValueType.NO_VALUE:
	if (interpolationType === 'linear') {
	bezierIn.y = bezierIn.x;
	bezierOut.y = bezierOut.x;
	} else {
	bezierIn.y = 1 - ((key.easeIn.speed) / averageSpeed) * (infIn / 100);
	bezierOut.y = ((lastKey.easeOut.speed) / averageSpeed) * bezierOut.x;
	}
	break;
	case PropertyValueType.ThreeD:
	case PropertyValueType.TwoD:
	case PropertyValueType.OneD:
	case PropertyValueType.COLOR:
	bezierIn.y = [];
	bezierOut.y = [];
	kLen = key.easeIn.length;
	for (k = 0; k < kLen; k += 1) {
	if (averageSpeed[k] === 0 \|\| interpolationType === 'linear') {
	bezierIn.y[k] = bezierIn.x[k];
	bezierOut.y[k] = bezierOut.x[k];
	} else {
	bezierIn.y[k] = 1 - ((key.easeIn[k].speed) / averageSpeed[k]) * (key.easeIn[k].influence / 100);
	bezierOut.y[k] = ((lastKey.easeOut[k].speed) / averageSpeed[k]) * bezierOut.x[k];
	}
	}
	break;
	}
	}

	bezierIn.x = bm_generalUtils.roundNumber(bezierIn.x, 3);
	bezierIn.y = bm_generalUtils.roundNumber(bezierIn.y, 3);
	bezierOut.x = bm_generalUtils.roundNumber(bezierOut.x, 3);
	bezierOut.y = bm_generalUtils.roundNumber(bezierOut.y, 3);
	segmentOb.i = bezierIn;
	segmentOb.o = bezierOut;
	if (bezierIn.x.length) {
	segmentOb.n = [];
	kLen = bezierIn.x.length;
	for (k = 0; k < kLen; k += 1) {
	segmentOb.n.push((bezierIn.x[k].toString() + '_' + bezierIn.y[k].toString() + '_' + bezierOut.x[k].toString() + '_' + bezierOut.y[k].toString()).replace(/\./g, 'p'));
	}
	} else {
	segmentOb.n = (bezierIn.x.toString() + '_' + bezierIn.y.toString() + '_' + bezierOut.x.toString() + '_' + bezierOut.y.toString()).replace(/\./g, 'p');
	}
	segmentOb.t = bm_generalUtils.roundNumber(lastKey.time * frameRate, 3);
	if(propertyValueType !== PropertyValueType.NO_VALUE) {
	segmentOb.s = getPropertyValue(property.keyValue(j), true);
	segmentOb.e = getPropertyValue(property.keyValue(j + 1), true);
	if (!(segmentOb.s instanceof Array)) {
	segmentOb.s = [segmentOb.s];
	segmentOb.e = [segmentOb.e];
	}
	} else {
	segmentOb.s = keyframeValues[j-1];
	segmentOb.e = keyframeValues[j];

	}
	if (property.propertyValueType === PropertyValueType.ThreeD_SPATIAL \|\| property.propertyValueType === PropertyValueType.TwoD_SPATIAL) {
	segmentOb.to = lastKey.to;
	segmentOb.ti = key.ti;
	}
	}

	///////
	beziersArray.push(segmentOb);
	}
	beziersArray.push({t: property.keyTime(j) * frameRate});
	if (property.keyOutInterpolationType(j) === KeyframeInterpolationType.HOLD \|\| isPrevHoldInterpolated) {
	if(propertyValueType !== PropertyValueType.NO_VALUE) {
	var value = getPropertyValue(property.keyValue(j), true);
	if (!(value instanceof Array)) {
	value = [value];
	}
	} else {
	value = keyframeValues[j-1];
	}
	beziersArray[beziersArray.length - 1].s = value;
	beziersArray[beziersArray.length - 1].h = 1;
	}
	return beziersArray;
	}

	function exportKeyframes(prop, frRate, keyframeValues) {
	var returnOb = {
	k: exportKeys(prop, frRate, keyframeValues)
	};
	bm_expressionHelper.checkExpression(prop, returnOb);
	return returnOb;
	}

	ob.exportKeyframes = exportKeyframes;

	return ob;
	}());