81 lines
2.6 KiB
JavaScript
81 lines
2.6 KiB
JavaScript
import {
|
|
extendPrototype,
|
|
} from '../functionExtensions';
|
|
import PropertyFactory from '../PropertyFactory';
|
|
import shapePool from '../pooling/shape_pool';
|
|
import {
|
|
ShapeModifier,
|
|
} from './ShapeModifiers';
|
|
|
|
function PuckerAndBloatModifier() {}
|
|
extendPrototype([ShapeModifier], PuckerAndBloatModifier);
|
|
PuckerAndBloatModifier.prototype.initModifierProperties = function (elem, data) {
|
|
this.getValue = this.processKeys;
|
|
this.amount = PropertyFactory.getProp(elem, data.a, 0, null, this);
|
|
this._isAnimated = !!this.amount.effectsSequence.length;
|
|
};
|
|
|
|
PuckerAndBloatModifier.prototype.processPath = function (path, amount) {
|
|
var percent = amount / 100;
|
|
var centerPoint = [0, 0];
|
|
var pathLength = path._length;
|
|
var i = 0;
|
|
for (i = 0; i < pathLength; i += 1) {
|
|
centerPoint[0] += path.v[i][0];
|
|
centerPoint[1] += path.v[i][1];
|
|
}
|
|
centerPoint[0] /= pathLength;
|
|
centerPoint[1] /= pathLength;
|
|
var clonedPath = shapePool.newElement();
|
|
clonedPath.c = path.c;
|
|
var vX;
|
|
var vY;
|
|
var oX;
|
|
var oY;
|
|
var iX;
|
|
var iY;
|
|
for (i = 0; i < pathLength; i += 1) {
|
|
vX = path.v[i][0] + (centerPoint[0] - path.v[i][0]) * percent;
|
|
vY = path.v[i][1] + (centerPoint[1] - path.v[i][1]) * percent;
|
|
oX = path.o[i][0] + (centerPoint[0] - path.o[i][0]) * -percent;
|
|
oY = path.o[i][1] + (centerPoint[1] - path.o[i][1]) * -percent;
|
|
iX = path.i[i][0] + (centerPoint[0] - path.i[i][0]) * -percent;
|
|
iY = path.i[i][1] + (centerPoint[1] - path.i[i][1]) * -percent;
|
|
clonedPath.setTripleAt(vX, vY, oX, oY, iX, iY, i);
|
|
}
|
|
return clonedPath;
|
|
};
|
|
|
|
PuckerAndBloatModifier.prototype.processShapes = function (_isFirstFrame) {
|
|
var shapePaths;
|
|
var i;
|
|
var len = this.shapes.length;
|
|
var j;
|
|
var jLen;
|
|
var amount = this.amount.v;
|
|
|
|
if (amount !== 0) {
|
|
var shapeData;
|
|
var localShapeCollection;
|
|
for (i = 0; i < len; i += 1) {
|
|
shapeData = this.shapes[i];
|
|
localShapeCollection = shapeData.localShapeCollection;
|
|
if (!(!shapeData.shape._mdf && !this._mdf && !_isFirstFrame)) {
|
|
localShapeCollection.releaseShapes();
|
|
shapeData.shape._mdf = true;
|
|
shapePaths = shapeData.shape.paths.shapes;
|
|
jLen = shapeData.shape.paths._length;
|
|
for (j = 0; j < jLen; j += 1) {
|
|
localShapeCollection.addShape(this.processPath(shapePaths[j], amount));
|
|
}
|
|
}
|
|
shapeData.shape.paths = shapeData.localShapeCollection;
|
|
}
|
|
}
|
|
if (!this.dynamicProperties.length) {
|
|
this._mdf = false;
|
|
}
|
|
};
|
|
|
|
export default PuckerAndBloatModifier;
|