| var PropertyFactory = (function(){ |
| |
| var initFrame = -999999; |
| |
| function getValue(){ |
| if(this.elem.globalData.frameId === this.frameId){ |
| return; |
| } |
| this.mdf = false; |
| var frameNum = this.comp.renderedFrame - this.offsetTime; |
| if(!(frameNum === this.lastFrame || (this.lastFrame !== initFrame && ((this.lastFrame >= this.keyframes[this.keyframes.length- 1].t-this.offsetTime && frameNum >= this.keyframes[this.keyframes.length- 1].t-this.offsetTime) || (this.lastFrame < this.keyframes[0].t-this.offsetTime && frameNum < this.keyframes[0].t-this.offsetTime))))){ |
| var i = this.lastFrame < frameNum ? this._lastIndex : 0; |
| var len = this.keyframes.length- 1,flag = true; |
| var keyData, nextKeyData; |
| |
| while(flag){ |
| keyData = this.keyframes[i]; |
| nextKeyData = this.keyframes[i+1]; |
| if(i == len-1 && frameNum >= nextKeyData.t - this.offsetTime){ |
| if(keyData.h){ |
| keyData = nextKeyData; |
| } |
| break; |
| } |
| if((nextKeyData.t - this.offsetTime) > frameNum){ |
| break; |
| } |
| if(i < len - 1){ |
| i += 1; |
| }else{ |
| flag = false; |
| } |
| } |
| |
| this._lastIndex = i; |
| |
| var k, kLen,perc,jLen, j, fnc; |
| if(keyData.to){ |
| |
| if(!keyData.bezierData){ |
| bez.buildBezierData(keyData); |
| } |
| var bezierData = keyData.bezierData; |
| if(frameNum >= nextKeyData.t-this.offsetTime || frameNum < keyData.t-this.offsetTime){ |
| var ind = frameNum >= nextKeyData.t-this.offsetTime ? bezierData.points.length - 1 : 0; |
| kLen = bezierData.points[ind].point.length; |
| for(k = 0; k < kLen; k += 1){ |
| this.pv[k] = bezierData.points[ind].point[k]; |
| this.v[k] = this.mult ? this.pv[k]*this.mult : this.pv[k]; |
| if(this.lastPValue[k] !== this.pv[k]) { |
| this.mdf = true; |
| this.lastPValue[k] = this.pv[k]; |
| } |
| } |
| this._lastBezierData = null; |
| }else{ |
| if(keyData.__fnct){ |
| fnc = keyData.__fnct; |
| }else{ |
| fnc = BezierFactory.getBezierEasing(keyData.o.x,keyData.o.y,keyData.i.x,keyData.i.y,keyData.n).get; |
| keyData.__fnct = fnc; |
| } |
| perc = fnc((frameNum-(keyData.t-this.offsetTime))/((nextKeyData.t-this.offsetTime)-(keyData.t-this.offsetTime))); |
| var distanceInLine = bezierData.segmentLength*perc; |
| |
| var segmentPerc; |
| var addedLength = (this.lastFrame < frameNum && this._lastBezierData === bezierData) ? this._lastAddedLength : 0; |
| j = (this.lastFrame < frameNum && this._lastBezierData === bezierData) ? this._lastPoint : 0; |
| flag = true; |
| jLen = bezierData.points.length; |
| while(flag){ |
| addedLength +=bezierData.points[j].partialLength; |
| if(distanceInLine === 0 || perc === 0 || j == bezierData.points.length - 1){ |
| kLen = bezierData.points[j].point.length; |
| for(k=0;k<kLen;k+=1){ |
| this.pv[k] = bezierData.points[j].point[k]; |
| this.v[k] = this.mult ? this.pv[k]*this.mult : this.pv[k]; |
| if(this.lastPValue[k] !== this.pv[k]) { |
| this.mdf = true; |
| this.lastPValue[k] = this.pv[k]; |
| } |
| } |
| break; |
| }else if(distanceInLine >= addedLength && distanceInLine < addedLength + bezierData.points[j+1].partialLength){ |
| segmentPerc = (distanceInLine-addedLength)/(bezierData.points[j+1].partialLength); |
| kLen = bezierData.points[j].point.length; |
| for(k=0;k<kLen;k+=1){ |
| this.pv[k] = bezierData.points[j].point[k] + (bezierData.points[j+1].point[k] - bezierData.points[j].point[k])*segmentPerc; |
| this.v[k] = this.mult ? this.pv[k] * this.mult : this.pv[k]; |
| if(this.lastPValue[k] !== this.pv[k]) { |
| this.mdf = true; |
| this.lastPValue[k] = this.pv[k]; |
| } |
| } |
| break; |
| } |
| if(j < jLen - 1){ |
| j += 1; |
| }else{ |
| flag = false; |
| } |
| } |
| this._lastPoint = j; |
| this._lastAddedLength = addedLength - bezierData.points[j].partialLength; |
| this._lastBezierData = bezierData; |
| } |
| }else{ |
| var outX,outY,inX,inY, keyValue; |
| len = keyData.s.length; |
| for(i=0;i<len;i+=1){ |
| if(keyData.h !== 1){ |
| if(frameNum >= nextKeyData.t-this.offsetTime){ |
| perc = 1; |
| }else if(frameNum < keyData.t-this.offsetTime){ |
| perc = 0; |
| }else{ |
| if(keyData.o.x instanceof Array){ |
| if(!keyData.__fnct){ |
| keyData.__fnct = []; |
| } |
| if (!keyData.__fnct[i]) { |
| outX = keyData.o.x[i] || keyData.o.x[0]; |
| outY = keyData.o.y[i] || keyData.o.y[0]; |
| inX = keyData.i.x[i] || keyData.i.x[0]; |
| inY = keyData.i.y[i] || keyData.i.y[0]; |
| fnc = BezierFactory.getBezierEasing(outX,outY,inX,inY).get; |
| keyData.__fnct[i] = fnc; |
| } else { |
| fnc = keyData.__fnct[i]; |
| } |
| } else { |
| if (!keyData.__fnct) { |
| outX = keyData.o.x; |
| outY = keyData.o.y; |
| inX = keyData.i.x; |
| inY = keyData.i.y; |
| fnc = BezierFactory.getBezierEasing(outX,outY,inX,inY).get; |
| keyData.__fnct = fnc; |
| } else{ |
| fnc = keyData.__fnct; |
| } |
| } |
| perc = fnc((frameNum-(keyData.t-this.offsetTime))/((nextKeyData.t-this.offsetTime)-(keyData.t-this.offsetTime))); |
| } |
| } |
| if(this.sh && keyData.h !== 1){ |
| var initP = keyData.s[i]; |
| var endP = keyData.e[i]; |
| if(initP-endP < -180){ |
| initP += 360; |
| } else if(initP-endP > 180){ |
| initP -= 360; |
| } |
| keyValue = initP+(endP-initP)*perc; |
| } else { |
| keyValue = keyData.h === 1 ? keyData.s[i] : keyData.s[i]+(keyData.e[i]-keyData.s[i])*perc; |
| } |
| if(len === 1){ |
| this.v = this.mult ? keyValue*this.mult : keyValue; |
| this.pv = keyValue; |
| if(this.lastPValue != this.pv){ |
| this.mdf = true; |
| this.lastPValue = this.pv; |
| } |
| }else{ |
| this.v[i] = this.mult ? keyValue*this.mult : keyValue; |
| this.pv[i] = keyValue; |
| if(this.lastPValue[i] !== this.pv[i]){ |
| this.mdf = true; |
| this.lastPValue[i] = this.pv[i]; |
| } |
| } |
| } |
| } |
| } |
| this.lastFrame = frameNum; |
| this.frameId = this.elem.globalData.frameId; |
| } |
| |
| function getNoValue(){} |
| |
| function ValueProperty(elem,data, mult){ |
| this.mult = mult; |
| this.v = mult ? data.k * mult : data.k; |
| this.pv = data.k; |
| this.mdf = false; |
| this.comp = elem.comp; |
| this.k = false; |
| this.kf = false; |
| this.vel = 0; |
| this.getValue = getNoValue; |
| } |
| |
| function MultiDimensionalProperty(elem,data, mult){ |
| this.mult = mult; |
| this.data = data; |
| this.mdf = false; |
| this.comp = elem.comp; |
| this.k = false; |
| this.kf = false; |
| this.frameId = -1; |
| this.v = Array.apply(null, {length:data.k.length}); |
| this.pv = Array.apply(null, {length:data.k.length}); |
| this.lastValue = Array.apply(null, {length:data.k.length}); |
| var arr = Array.apply(null, {length:data.k.length}); |
| this.vel = arr.map(function () { return 0 }); |
| var i, len = data.k.length; |
| for(i = 0;i<len;i+=1){ |
| this.v[i] = mult ? data.k[i] * mult : data.k[i]; |
| this.pv[i] = data.k[i]; |
| } |
| this.getValue = getNoValue; |
| } |
| |
| function KeyframedValueProperty(elem, data, mult){ |
| this.keyframes = data.k; |
| this.offsetTime = elem.data.st; |
| this.lastValue = -99999; |
| this.lastPValue = -99999; |
| this.frameId = -1; |
| this._lastIndex = 0; |
| this.k = true; |
| this.kf = true; |
| this.data = data; |
| this.mult = mult; |
| this.elem = elem; |
| this.comp = elem.comp; |
| this.lastFrame = initFrame; |
| this.v = mult ? data.k[0].s[0]*mult : data.k[0].s[0]; |
| this.pv = data.k[0].s[0]; |
| this.getValue = getValue; |
| } |
| |
| function KeyframedMultidimensionalProperty(elem, data, mult){ |
| var i, len = data.k.length; |
| var s, e,to,ti; |
| for(i=0;i<len-1;i+=1){ |
| if(data.k[i].to && data.k[i].s && data.k[i].e ){ |
| s = data.k[i].s; |
| e = data.k[i].e; |
| to = data.k[i].to; |
| ti = data.k[i].ti; |
| if((s.length === 2 && !(s[0] === e[0] && s[1] === e[1]) && bez.pointOnLine2D(s[0],s[1],e[0],e[1],s[0] + to[0],s[1] + to[1]) && bez.pointOnLine2D(s[0],s[1],e[0],e[1],e[0] + ti[0],e[1] + ti[1])) || (s.length === 3 && !(s[0] === e[0] && s[1] === e[1] && s[2] === e[2]) && bez.pointOnLine3D(s[0],s[1],s[2],e[0],e[1],e[2],s[0] + to[0],s[1] + to[1],s[2] + to[2]) && bez.pointOnLine3D(s[0],s[1],s[2],e[0],e[1],e[2],e[0] + ti[0],e[1] + ti[1],e[2] + ti[2]))){ |
| data.k[i].to = null; |
| data.k[i].ti = null; |
| } |
| } |
| } |
| this.keyframes = data.k; |
| this.offsetTime = elem.data.st; |
| this.k = true; |
| this.kf = true; |
| this.mult = mult; |
| this.elem = elem; |
| this.comp = elem.comp; |
| this.getValue = getValue; |
| this.frameId = -1; |
| this._lastIndex = 0; |
| this.v = Array.apply(null, {length:data.k[0].s.length}); |
| this.pv = Array.apply(null, {length:data.k[0].s.length}); |
| this.lastValue = Array.apply(null, {length:data.k[0].s.length}); |
| this.lastPValue = Array.apply(null, {length:data.k[0].s.length}); |
| this.lastFrame = initFrame; |
| } |
| |
| var TransformProperty = (function() { |
| function positionGetter() { |
| return ExpressionValue(this.p); |
| } |
| function xPositionGetter() { |
| return ExpressionValue(this.px); |
| } |
| function yPositionGetter() { |
| return ExpressionValue(this.py); |
| } |
| function zPositionGetter() { |
| return ExpressionValue(this.pz); |
| } |
| function anchorGetter() { |
| return ExpressionValue(this.a); |
| } |
| function orientationGetter() { |
| return ExpressionValue(this.or); |
| } |
| function rotationGetter() { |
| return ExpressionValue(this.r, 1/degToRads); |
| } |
| function scaleGetter() { |
| return ExpressionValue(this.s, 100); |
| } |
| function opacityGetter() { |
| return ExpressionValue(this.o, 100); |
| } |
| function skewGetter() { |
| return ExpressionValue(this.sk); |
| } |
| function skewAxisGetter() { |
| return ExpressionValue(this.sa); |
| } |
| function applyToMatrix(mat) { |
| var i, len = this.dynamicProperties.length; |
| for(i = 0; i < len; i += 1) { |
| this.dynamicProperties[i].getValue(); |
| if (this.dynamicProperties[i].mdf) { |
| this.mdf = true; |
| } |
| } |
| if (this.a) { |
| mat.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]); |
| } |
| if (this.s) { |
| mat.scale(this.s.v[0], this.s.v[1], this.s.v[2]); |
| } |
| if (this.r) { |
| mat.rotate(-this.r.v); |
| } else { |
| mat.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]); |
| } |
| if (this.data.p.s) { |
| if (this.data.p.z) { |
| mat.translate(this.px.v, this.py.v, -this.pz.v); |
| } else { |
| mat.translate(this.px.v, this.py.v, 0); |
| } |
| } else { |
| mat.translate(this.p.v[0], this.p.v[1], -this.p.v[2]); |
| } |
| } |
| function processKeys(){ |
| if (this.elem.globalData.frameId === this.frameId) { |
| return; |
| } |
| |
| this.mdf = false; |
| var i, len = this.dynamicProperties.length; |
| |
| for(i = 0; i < len; i += 1) { |
| this.dynamicProperties[i].getValue(); |
| if (this.dynamicProperties[i].mdf) { |
| this.mdf = true; |
| } |
| } |
| if (this.mdf) { |
| this.v.reset(); |
| if (this.a) { |
| this.v.translate(-this.a.v[0], -this.a.v[1], this.a.v[2]); |
| } |
| if(this.s) { |
| this.v.scale(this.s.v[0], this.s.v[1], this.s.v[2]); |
| } |
| if (this.sk) { |
| this.v.skewFromAxis(-this.sk.v, this.sa.v); |
| } |
| if (this.r) { |
| this.v.rotate(-this.r.v); |
| } else { |
| this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]); |
| } |
| if (this.autoOriented && this.p.keyframes && this.p.getValueAtTime) { |
| var v1,v2; |
| if (this.p.lastFrame+this.p.offsetTime <= this.p.keyframes[0].t) { |
| v1 = this.p.getValueAtTime((this.p.keyframes[0].t + 0.01) / this.elem.globalData.frameRate,0); |
| v2 = this.p.getValueAtTime(this.p.keyframes[0].t / this.elem.globalData.frameRate, 0); |
| } else if(this.p.lastFrame+this.p.offsetTime >= this.p.keyframes[this.p.keyframes.length - 1].t) { |
| v1 = this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length - 1].t / this.elem.globalData.frameRate), 0); |
| v2 = this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length - 1].t - 0.01) / this.elem.globalData.frameRate, 0); |
| } else { |
| v1 = this.p.pv; |
| v2 = this.p.getValueAtTime((this.p.lastFrame+this.p.offsetTime - 0.01) / this.elem.globalData.frameRate, this.p.offsetTime); |
| } |
| this.v.rotate(-Math.atan2(v1[1] - v2[1], v1[0] - v2[0])); |
| } |
| if(this.data.p.s){ |
| if(this.data.p.z) { |
| this.v.translate(this.px.v, this.py.v, -this.pz.v); |
| } else { |
| this.v.translate(this.px.v, this.py.v, 0); |
| } |
| }else{ |
| this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2]); |
| } |
| } |
| //console.log(this.v.to2dCSS()) |
| this.frameId = this.elem.globalData.frameId; |
| } |
| |
| function setInverted(){ |
| this.inverted = true; |
| this.iv = new Matrix(); |
| if(!this.k){ |
| if(this.data.p.s){ |
| this.iv.translate(this.px.v,this.py.v,-this.pz.v); |
| }else{ |
| this.iv.translate(this.p.v[0],this.p.v[1],-this.p.v[2]); |
| } |
| if(this.r){ |
| this.iv.rotate(-this.r.v); |
| }else{ |
| this.iv.rotateX(-this.rx.v).rotateY(-this.ry.v).rotateZ(this.rz.v); |
| } |
| if(this.s){ |
| this.iv.scale(this.s.v[0],this.s.v[1],1); |
| } |
| if(this.a){ |
| this.iv.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]); |
| } |
| } |
| } |
| |
| function autoOrient(){ |
| // |
| //var prevP = this.getValueAtTime(); |
| } |
| |
| return function TransformProperty(elem,data,arr){ |
| this.elem = elem; |
| this.frameId = -1; |
| this.type = 'transform'; |
| this.dynamicProperties = []; |
| this.mdf = false; |
| this.data = data; |
| this.getValue = processKeys; |
| this.applyToMatrix = applyToMatrix; |
| this.setInverted = setInverted; |
| this.autoOrient = autoOrient; |
| this.v = new Matrix(); |
| if(data.p.s){ |
| this.px = PropertyFactory.getProp(elem,data.p.x,0,0,this.dynamicProperties); |
| this.py = PropertyFactory.getProp(elem,data.p.y,0,0,this.dynamicProperties); |
| if(data.p.z){ |
| this.pz = PropertyFactory.getProp(elem,data.p.z,0,0,this.dynamicProperties); |
| } |
| }else{ |
| this.p = PropertyFactory.getProp(elem,data.p,1,0,this.dynamicProperties); |
| } |
| if(data.r) { |
| this.r = PropertyFactory.getProp(elem, data.r, 0, degToRads, this.dynamicProperties); |
| } else if(data.rx) { |
| this.rx = PropertyFactory.getProp(elem, data.rx, 0, degToRads, this.dynamicProperties); |
| this.ry = PropertyFactory.getProp(elem, data.ry, 0, degToRads, this.dynamicProperties); |
| this.rz = PropertyFactory.getProp(elem, data.rz, 0, degToRads, this.dynamicProperties); |
| this.or = PropertyFactory.getProp(elem, data.or, 1, degToRads, this.dynamicProperties); |
| } |
| if(data.sk){ |
| this.sk = PropertyFactory.getProp(elem, data.sk, 0, degToRads, this.dynamicProperties); |
| this.sa = PropertyFactory.getProp(elem, data.sa, 0, degToRads, this.dynamicProperties); |
| } |
| if(data.a) { |
| this.a = PropertyFactory.getProp(elem,data.a,1,0,this.dynamicProperties); |
| } |
| if(data.s) { |
| this.s = PropertyFactory.getProp(elem,data.s,1,0.01,this.dynamicProperties); |
| } |
| if(data.o){ |
| this.o = PropertyFactory.getProp(elem,data.o,0,0.01,arr); |
| } else { |
| this.o = {mdf:false,v:1}; |
| } |
| if(this.dynamicProperties.length){ |
| arr.push(this); |
| }else{ |
| if(this.a){ |
| this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]); |
| } |
| if(this.s){ |
| this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]); |
| } |
| if(this.sk){ |
| this.v.skewFromAxis(-this.sk.v,this.sa.v); |
| } |
| if(this.r){ |
| this.v.rotate(-this.r.v); |
| }else{ |
| this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]); |
| } |
| if(this.data.p.s){ |
| if(data.p.z) { |
| this.v.translate(this.px.v, this.py.v, -this.pz.v); |
| } else { |
| this.v.translate(this.px.v, this.py.v, 0); |
| } |
| }else{ |
| this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2]); |
| } |
| } |
| Object.defineProperty(this, "position", { get: positionGetter}); |
| Object.defineProperty(this, "xPosition", { get: xPositionGetter}); |
| Object.defineProperty(this, "yPosition", { get: yPositionGetter}); |
| Object.defineProperty(this, "orientation", { get: orientationGetter}); |
| Object.defineProperty(this, "anchorPoint", { get: anchorGetter}); |
| Object.defineProperty(this, "rotation", { get: rotationGetter}); |
| Object.defineProperty(this, "scale", { get: scaleGetter}); |
| Object.defineProperty(this, "opacity", { get: opacityGetter}); |
| Object.defineProperty(this, "skew", { get: skewGetter}); |
| Object.defineProperty(this, "skewAxis", { get: skewAxisGetter}); |
| } |
| }()); |
| |
| function getProp(elem,data,type, mult, arr) { |
| var p; |
| if(type === 2){ |
| p = new TransformProperty(elem, data, arr); |
| } else if(data.a === 0){ |
| if(type === 0) { |
| p = new ValueProperty(elem,data,mult); |
| } else { |
| p = new MultiDimensionalProperty(elem,data, mult); |
| } |
| } else if(data.a === 1){ |
| if(type === 0) { |
| p = new KeyframedValueProperty(elem,data,mult); |
| } else { |
| p = new KeyframedMultidimensionalProperty(elem,data, mult); |
| } |
| } else if(!data.k.length){ |
| p = new ValueProperty(elem,data, mult); |
| }else if(typeof(data.k[0]) === 'number'){ |
| p = new MultiDimensionalProperty(elem,data, mult); |
| }else{ |
| switch(type){ |
| case 0: |
| p = new KeyframedValueProperty(elem,data,mult); |
| break; |
| case 1: |
| p = new KeyframedMultidimensionalProperty(elem,data,mult); |
| break; |
| } |
| } |
| if(p.k){ |
| arr.push(p); |
| } |
| return p; |
| } |
| |
| var getGradientProp = (function(){ |
| |
| function getValue(forceRender){ |
| this.prop.getValue(); |
| this.cmdf = false; |
| this.omdf = false; |
| if(this.prop.mdf || forceRender){ |
| var i, len = this.data.p*4; |
| var mult, val; |
| for(i=0;i<len;i+=1){ |
| mult = i%4 === 0 ? 100 : 255; |
| val = Math.round(this.prop.v[i]*mult); |
| if(this.c[i] !== val){ |
| this.c[i] = val; |
| this.cmdf = true; |
| } |
| } |
| if(this.o.length){ |
| len = this.prop.v.length; |
| for(i=this.data.p*4;i<len;i+=1){ |
| mult = i%2 === 0 ? 100 : 1; |
| val = i%2 === 0 ? Math.round(this.prop.v[i]*100):this.prop.v[i]; |
| if(this.o[i-this.data.p*4] !== val){ |
| this.o[i-this.data.p*4] = val; |
| this.omdf = true; |
| } |
| } |
| } |
| } |
| |
| } |
| |
| function gradientProp(elem,data,arr){ |
| this.prop = getProp(elem,data.k,1,null,[]); |
| this.data = data; |
| this.k = this.prop.k; |
| this.c = Array.apply(null,{length:data.p*4}); |
| var cLength = data.k.k[0].s ? (data.k.k[0].s.length - data.p*4) : data.k.k.length - data.p*4; |
| this.o = Array.apply(null,{length:cLength}); |
| this.cmdf = false; |
| this.omdf = false; |
| this.getValue = getValue; |
| if(this.prop.k){ |
| arr.push(this); |
| } |
| this.getValue(true); |
| } |
| |
| return function getGradientProp(elem,data,arr){ |
| return new gradientProp(elem,data,arr); |
| } |
| }()); |
| |
| |
| |
| |
| var DashProperty = (function(){ |
| |
| function processKeys(forceRender){ |
| var i = 0, len = this.dataProps.length; |
| |
| if(this.elem.globalData.frameId === this.frameId && !forceRender){ |
| return; |
| } |
| this.mdf = false; |
| this.frameId = this.elem.globalData.frameId; |
| while(i<len){ |
| if(this.dataProps[i].p.mdf){ |
| this.mdf = true; |
| break; |
| } |
| i+=1; |
| } |
| if(this.mdf || forceRender){ |
| if(this.renderer === 'svg') { |
| this.dasharray = ''; |
| } |
| for(i=0;i<len;i+=1){ |
| if(this.dataProps[i].n != 'o'){ |
| if(this.renderer === 'svg') { |
| this.dasharray += ' ' + this.dataProps[i].p.v; |
| }else{ |
| this.dasharray[i] = this.dataProps[i].p.v; |
| } |
| }else{ |
| this.dashoffset = this.dataProps[i].p.v; |
| } |
| } |
| } |
| } |
| |
| return function(elem, data,renderer, dynamicProperties){ |
| this.elem = elem; |
| this.frameId = -1; |
| this.dataProps = new Array(data.length); |
| this.renderer = renderer; |
| this.mdf = false; |
| this.k = false; |
| if(this.renderer === 'svg'){ |
| this.dasharray = ''; |
| }else{ |
| |
| this.dasharray = new Array(data.length - 1); |
| } |
| this.dashoffset = 0; |
| var i, len = data.length, prop; |
| for(i=0;i<len;i+=1){ |
| prop = PropertyFactory.getProp(elem,data[i].v,0, 0, dynamicProperties); |
| this.k = prop.k ? true : this.k; |
| this.dataProps[i] = {n:data[i].n,p:prop}; |
| } |
| this.getValue = processKeys; |
| if(this.k){ |
| dynamicProperties.push(this); |
| }else{ |
| this.getValue(true); |
| } |
| |
| } |
| }()); |
| |
| function getDashProp(elem, data,renderer, dynamicProperties) { |
| return new DashProperty(elem, data,renderer, dynamicProperties); |
| }; |
| |
| var TextSelectorProp = (function(){ |
| var max = Math.max; |
| var min = Math.min; |
| var floor = Math.floor; |
| function updateRange(){ |
| if(this.dynamicProperties.length){ |
| var i, len = this.dynamicProperties.length; |
| for(i=0;i<len;i+=1){ |
| this.dynamicProperties[i].getValue(); |
| if(this.dynamicProperties[i].mdf){ |
| this.mdf = true; |
| } |
| } |
| } |
| var totalChars = this.data.totalChars; |
| var divisor = this.data.r === 2 ? 1 : 100/totalChars; |
| var o = this.o.v/divisor; |
| var s = this.s.v/divisor + o; |
| var e = (this.e.v/divisor) + o; |
| if(s>e){ |
| var _s = s; |
| s = e; |
| e = _s; |
| } |
| this.finalS = s; |
| this.finalE = e; |
| } |
| |
| function getMult(ind){ |
| //var easer = bez.getEasingCurve(this.ne.v/100,0,1-this.xe.v/100,1); |
| var easer = BezierFactory.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get; |
| var mult = 0; |
| var s = this.finalS; |
| var e = this.finalE; |
| var type = this.data.sh; |
| if(type == 2){ |
| if(e === s){ |
| mult = ind >= e ? 1 : 0; |
| }else{ |
| mult = max(0,min(0.5/(e-s) + (ind-s)/(e-s),1)); |
| } |
| mult = easer(mult); |
| }else if(type == 3){ |
| if(e === s){ |
| mult = ind >= e ? 0 : 1; |
| }else{ |
| mult = 1 - max(0,min(0.5/(e-s) + (ind-s)/(e-s),1)); |
| } |
| |
| mult = easer(mult); |
| }else if(type == 4){ |
| if(e === s){ |
| mult = 0; |
| }else{ |
| mult = max(0,min(0.5/(e-s) + (ind-s)/(e-s),1)); |
| if(mult<.5){ |
| mult *= 2; |
| }else{ |
| mult = 1 - 2*(mult-0.5); |
| } |
| } |
| mult = easer(mult); |
| }else if(type == 5){ |
| if(e === s){ |
| mult = 0; |
| }else{ |
| var tot = e - s; |
| /*ind += 0.5; |
| mult = -4/(tot*tot)*(ind*ind)+(4/tot)*ind;*/ |
| ind = min(max(0,ind+0.5-s),e-s); |
| var x = -tot/2+ind; |
| var a = tot/2; |
| mult = Math.sqrt(1 - (x*x)/(a*a)); |
| } |
| mult = easer(mult); |
| }else if(type == 6){ |
| if(e === s){ |
| mult = 0; |
| }else{ |
| ind = min(max(0,ind+0.5-s),e-s); |
| mult = (1+(Math.cos((Math.PI+Math.PI*2*(ind)/(e-s)))))/2; |
| /* |
| ind = Math.min(Math.max(s,ind),e-1); |
| mult = (1+(Math.cos((Math.PI+Math.PI*2*(ind-s)/(e-1-s)))))/2; |
| mult = Math.max(mult,(1/(e-1-s))/(e-1-s));*/ |
| } |
| mult = easer(mult); |
| }else { |
| if(ind >= floor(s)){ |
| if(ind-s < 0){ |
| mult = 1 - (s - ind); |
| }else{ |
| mult = max(0,min(e-ind,1)); |
| } |
| } |
| mult = easer(mult); |
| } |
| return mult*this.a.v; |
| } |
| |
| return function TextSelectorProp(elem,data, arr){ |
| this.mdf = false; |
| this.k = false; |
| this.data = data; |
| this.dynamicProperties = []; |
| this.getValue = updateRange; |
| this.getMult = getMult; |
| this.comp = elem.comp; |
| this.finalS = 0; |
| this.finalE = 0; |
| this.s = PropertyFactory.getProp(elem,data.s || {k:0},0,0,this.dynamicProperties); |
| if('e' in data){ |
| this.e = PropertyFactory.getProp(elem,data.e,0,0,this.dynamicProperties); |
| }else{ |
| this.e = {v:data.r === 2 ? data.totalChars : 100}; |
| } |
| this.o = PropertyFactory.getProp(elem,data.o || {k:0},0,0,this.dynamicProperties); |
| this.xe = PropertyFactory.getProp(elem,data.xe || {k:0},0,0,this.dynamicProperties); |
| this.ne = PropertyFactory.getProp(elem,data.ne || {k:0},0,0,this.dynamicProperties); |
| this.a = PropertyFactory.getProp(elem,data.a,0,0.01,this.dynamicProperties); |
| if(this.dynamicProperties.length){ |
| arr.push(this); |
| }else{ |
| this.getValue(); |
| } |
| } |
| }()); |
| |
| function getTextSelectorProp(elem, data,arr) { |
| return new TextSelectorProp(elem, data, arr); |
| }; |
| |
| var ob = {}; |
| ob.getProp = getProp; |
| ob.getDashProp = getDashProp; |
| ob.getTextSelectorProp = getTextSelectorProp; |
| ob.getGradientProp = getGradientProp; |
| return ob; |
| }()); |
