Refactor to a more efficient process

Author: Eliepse

README.md

@@ -10,7 +10,7 @@ Select the Shape Layer you want to explode, launch the script... tadaaa !
 
 
 ## Installation
-Copy the `.jsx` file to the After Effets' default script folder or/then launch the script directly from After Effects panel : `File > Scripts > ...`
+Copy the `.jsx` file into your After Effets' "ScriptUI" folder.
 
 ## Compatibility
 Works on :

explode_shape_layer.jsx

@@ -1,4 +1,6 @@
-function explodeLayer(layers) {
+function explodeLayer(layers) {
+
+    consLog('==============\n==============');
 
     // Check if multiple layers selected
     if(layers.length > 1) {
@@ -15,6 +17,8 @@ function explodeLayer(layers) {
         return;
     }
 
+    var comp = layer.containingComp;
+
     // Get the elements of the original shape layer
     var contents = layer.property("Contents");
 
@@ -28,29 +32,172 @@ function explodeLayer(layers) {
         if (o_prop.enabled) {
 
             // Duplicate the original layer and rename with property name
-            var n_layer  = layer.duplicate();
+            var n_layer = comp.layers.addShape();
             n_layer.name = o_prop.name;
+            copyLayerTransform(layer, n_layer);
 
             // Get the elements of the new layer
             var n_layerContents = n_layer.property("Contents");
 
-            // Remove all properties different from current original property
-            for(var k = n_layerContents.numProperties; k > 0; k--) {
+            insertPropertyToContents(o_prop, n_layerContents, '')
+
+        }
+
+    }
+
+}
+
+function insertPropertyToContents(prop, contents, prefix) {
+
+    if (!contents.canAddProperty(prop.matchName))
+        return false;
+
+    var n_prop = contents.addProperty(prop.matchName)
+
+    for(var i=1; i <= prop.numProperties; i++) {
+
+        var innerProp = prop.property(i);
+
+        if(innerProp.enabled && n_prop.canAddProperty(innerProp.matchName)) {
+
+            consLog(prefix + innerProp.matchName);
+
+            var p = n_prop.property(innerProp.matchName) ? n_prop.property(innerProp.matchName) : n_prop.addProperty(innerProp.matchName);
+
+            switch (innerProp.matchName) {
+
+                // case 'ADBE Vector Blend Mode':
+
+                case 'ADBE Vector Filter - Merge':  // TODO
+                case 'ADBE Vector Materials Group': // TODO
+                consLog(prefix + '-- skipped');
+                break;
+
+                case 'ADBE Vector Graphic - Stroke':
+                copyPropertyStroke(innerProp, p);
+                break;
+
+                case 'ADBE Vector Graphic - Fill':
+                copyPropertyFill(innerProp, p);
+                break;
+
+                case 'ADBE Vector Transform Group':
+                copyPropertyTransform(innerProp, p);
+                break;
+
+                case 'ADBE Root Vectors Group':
+                case 'ADBE Vectors Group':
+                case 'ADBE Vector Group':
+                insertPropertyToContents(innerProp, n_prop, prefix += '    ')
+                break;
+
+                case 'ADBE Vector Shape - Group':
+                copyPropertyShape(innerProp, p);
+                break;
+
+                default:
+                // TOFIX : Test if setValue is available
+                p.setValue( innerProp.value );
 
-                var n_prop = n_layerContents.property(k);
 
-                if(i === k)
-                    continue;
-                else
-                    n_prop.remove();
 
             }
 
         }
 
     }
 
+
 }
 
+function copyProperty(name, origin, target) {
+    target[name].setValue( origin[name].value );
+}
+
+function copyPropertyShape(origin, target) {
+    target.property('ADBE Vector Shape').setValue( origin.property('ADBE Vector Shape').value );
+}
+
+function copyPropertyStroke(origin, target) {
+
+    copyProperty('composite', origin, target);
+    copyProperty('color', origin, target);
+    copyProperty('strokeWidth', origin, target);
+    copyProperty('lineCap', origin, target);
+    copyProperty('lineJoin', origin, target);
+    copyProperty('miterLimit', origin, target);
+
+    // TOFIX : dash are present, no mater if deleted or not ! (disabled for now)
+    if(false && origin.dash.enabled) {
+
+        for(var i=1; i <= origin.dash.numProperties; i++) {
+
+            var dashProp = origin.dash.property(i);
+
+            if(dashProp.enabled)
+                target.dash.addProperty(dashProp.matchName).setValue(dashProp.value);
+
+        }
+
+    }
+
+}
+
+function copyPropertyFill(origin, target) {
+
+    copyProperty('composite', origin, target);
+    copyProperty('fillRule', origin, target);
+    copyProperty('color', origin, target);
+
+}
+
+function copyPropertyTransform(origin, target) {
+
+    copyProperty('anchorPoint', origin, target);
+    copyProperty('position', origin, target);
+    copyProperty('scale', origin, target);
+    copyProperty('skew', origin, target);
+    copyProperty('skewAxis', origin, target);
+    copyProperty('rotation', origin, target);
+    copyProperty('opacity', origin, target);
+
+}
+
+function copyLayerTransform(origin, target) {
+
+    copyProperty('anchorPoint', origin, target);
+    copyProperty('position', origin, target);
+    copyProperty('scale', origin, target);
+    copyProperty('rotation', origin, target);
+    copyProperty('opacity', origin, target);
+
+}
+
+function createUI(thisObj) {
+
+    if(thisObj instanceof Panel) {
+
+        var myPanel = thisObj;
+        var btn = myPanel.add("button", [10, 10, 100, 30], "Explode layer");
+
+        btn.onClick = function() {
+            explodeLayer( app.project.activeItem.selectedLayers );
+        }
+
+        return myPanel;
+
+    } else {
+
+        explodeLayer( app.project.activeItem.selectedLayers );
+
+    }
+
+}
+
+function consLog(text) { if (configs.log) $.writeln(text); }
+
+var configs = {
+    log : false,
+};
 
-explodeLayer( app.project.activeItem.selectedLayers );
+var myToolsPanel = createUI(this);