Skip to main content
Participating Frequently
May 18, 2013
Answered

Automating CreateJS (CJS) changes

  • May 18, 2013
  • 1 reply
  • 3007 views

I have literally thousands of Flash animations that I need to convert to HTML via CreateJS.


Each issue seems to need a different solution. Here's what I'm stuck on right now:

Layers with tweens must contain only a single symbol instance.

What I want is a Flash Extension that can take a selected layer, and spit the layer into multiple layers with a single symbol on each layer.


I'd be willing to write my own JSFL extension if needed.


Has this been written yet?


If not, can someone point me towards a JSFL example that does some of the same work - like parsing a layer or duplicating and deleting elements in a layer?


Thanks so much! I need help!

This topic has been closed for replies.
Correct answer ron700

You can select a single element by setting it's selected property::

fl.getDocumentDOM().selectNone();
element.selected = true;

Parse all elements like this:

var _doc = (fl.getDocumentDOM() ? fl.getDocumentDOM() : fl.createDocument());
var layers = _doc.getTimeline().layers;
var l, ll = layers.length;

for (l = 0; l < ll; l++)
{
  var frames = layers.frames;
  var fr, frl = frames.length;
  
  for (fr = 0; fr < frl; fr++)
  {
    var elements = frames[fr].elements;
    var e, el = elements.length;

    for (e = 0; e < el; e++)
    {
      var element = elements;

      if (element.elementType == "instance")
      {
        var item = element.libraryItem;

        if (item.itemType == "movie clip" || item.itemType == "button" || item.itemType == "component")
        {
          fl.trace(item.name);
        }
      }
    }
  }
}

And delete the selection with:

fl.getDocumentDOM().deleteSelection();

(But you probably already did know that)

1 reply

ron700
ron700Correct answer
Inspiring
May 19, 2013

You can select a single element by setting it's selected property::

fl.getDocumentDOM().selectNone();
element.selected = true;

Parse all elements like this:

var _doc = (fl.getDocumentDOM() ? fl.getDocumentDOM() : fl.createDocument());
var layers = _doc.getTimeline().layers;
var l, ll = layers.length;

for (l = 0; l < ll; l++)
{
  var frames = layers.frames;
  var fr, frl = frames.length;
  
  for (fr = 0; fr < frl; fr++)
  {
    var elements = frames[fr].elements;
    var e, el = elements.length;

    for (e = 0; e < el; e++)
    {
      var element = elements;

      if (element.elementType == "instance")
      {
        var item = element.libraryItem;

        if (item.itemType == "movie clip" || item.itemType == "button" || item.itemType == "component")
        {
          fl.trace(item.name);
        }
      }
    }
  }
}

And delete the selection with:

fl.getDocumentDOM().deleteSelection();

(But you probably already did know that)

Grig-BAuthor
Participating Frequently
May 19, 2013

Thanks for the reply, I was able to get that far... and a little further already. I duplicate layers that need to have one symbol each.  My current problem is in a function that removes elements from the duplicated layers.

I can only delete the first frame's elements:

function removeOtherElementsFromLayer( layerIndex, elementNameToKeep ){

          var layer = timeline.layers[layerIndex];

          for (var j = 0, totalFrames = layer.frames.length; j &lt; totalFrames; j++)

          {

                    var frame = layer.frames;

                    fl.trace("FRAME "+j);

                              for (var elCount = 0, totalElements = frame.elements.length; elCount &lt; totalElements; elCount++){

                                        element = frame.elements[elCount];

                                        if (element){

                                                  var elementName = getElementName( element, frame.elements.length );

                                                  if( elementName != elementNameToKeep ){

                                                            fl.trace("   ELEMENT "+elementName+" - "+element);

                                                            element.selected = true;

                                                                  if( doc.selection.length ) {doc.deleteSelection();}

                                                  }

                                        }

                              }

          }

          clearBlankKeyFrames(layer);

}

here's a snippet of the output:

ELEMENT TO KEEP: hand_p0

FRAME 0

FRAME 1

FRAME 2

FRAME 3

FRAME 4

FRAME 5

FRAME 6

FRAME 7

FRAME 8

FRAME 9

FRAME 10

FRAME 11

FRAME 12

FRAME 13

FRAME 14

FRAME 15

FRAME 16

FRAME 17

   ELEMENT hand - [object SymbolInstance]

FRAME 18

   ELEMENT hand - [object SymbolInstance]

FRAME 19

   ELEMENT hand - [object SymbolInstance]

FRAME 20

   ELEMENT hand - [object SymbolInstance]

FRAME 21

   ELEMENT hand - [object SymbolInstance]

FRAME 22

   ELEMENT hand - [object SymbolInstance]

FRAME 23

   ELEMENT hand - [object SymbolInstance]

FRAME 24

   ELEMENT hand - [object SymbolInstance]

FRAME 25

   ELEMENT hand - [object SymbolInstance]

FRAME 26

   ELEMENT hand - [object SymbolInstance]

FRAME 27

   ELEMENT hand - [object SymbolInstance]

FRAME 28

   ELEMENT hand - [object SymbolInstance]

FRAME 29

   ELEMENT hand - [object SymbolInstance]

FRAME 30

   ELEMENT hand - [object SymbolInstance]

FRAME 31

   ELEMENT hand - [object SymbolInstance]

FRAME 32

   ELEMENT hand - [object SymbolInstance]

FRAME 33

   ELEMENT hand - [object SymbolInstance]

FRAME 34

   ELEMENT hand - [object SymbolInstance]

FRAME 35

   ELEMENT hand - [object SymbolInstance]

FRAME 36

   ELEMENT hand - [object SymbolInstance]

FRAME 37

   ELEMENT hand - [object SymbolInstance]

FRAME 38

   ELEMENT hand - [object SymbolInstance]

FRAME 39

   ELEMENT hand - [object SymbolInstance]

FRAME 40

   ELEMENT hand - [object SymbolInstance]

FRAME 41

   ELEMENT hand - [object SymbolInstance]

FRAME 42

   ELEMENT hand - [object SymbolInstance]

FRAME 43

   ELEMENT hand - [object SymbolInstance]

FRAME 44

   ELEMENT hand - [object SymbolInstance]

FRAME 45

   ELEMENT hand - [object SymbolInstance]

FRAME 46

   ELEMENT hand - [object SymbolInstance]

FRAME 47

   ELEMENT hand - [object SymbolInstance]

FRAME 48

   ELEMENT hand - [object SymbolInstance]

FRAME 49

   ELEMENT hand - [object SymbolInstance]

FRAME 50

   ELEMENT hand - [object SymbolInstance]

FRAME 51

   ELEMENT hand - [object SymbolInstance]

FRAME 52

   ELEMENT hand - [object SymbolInstance]

FRAME 53

   ELEMENT hand - [object SymbolInstance]

FRAME 54

   ELEMENT hand - [object SymbolInstance]

FRAME 55

   ELEMENT hand - [object SymbolInstance]

FRAME 56

   ELEMENT hand - [object SymbolInstance]

FRAME 57

   ELEMENT hand - [object SymbolInstance]

FRAME 58

   ELEMENT hand - [object SymbolInstance]

FRAME 59

   ELEMENT hand - [object SymbolInstance]

FRAME 60

   ELEMENT hand - [object SymbolInstance]

FRAME 61

   ELEMENT hand - [object SymbolInstance]

FRAME 62

   ELEMENT hand - [object SymbolInstance]

FRAME 63

   ELEMENT hand - [object SymbolInstance]

FRAME 64

   ELEMENT hand - [object SymbolInstance]

FRAME 65

   ELEMENT hand - [object SymbolInstance]

FRAME 66

   ELEMENT hand - [object SymbolInstance]

FRAME 67

   ELEMENT hand - [object SymbolInstance]

FRAME 68

   ELEMENT hand - [object SymbolInstance]

FRAME 69

   ELEMENT hand - [object SymbolInstance]

FRAME 70

   ELEMENT hand - [object SymbolInstance]

FRAME 71

   ELEMENT hand - [object SymbolInstance]

FRAME 72

   ELEMENT hand - [object SymbolInstance]

FRAME 73

   ELEMENT hand - [object SymbolInstance]

FRAME 74

   ELEMENT hand - [object SymbolInstance]

FRAME 75

   ELEMENT hand - [object SymbolInstance]

FRAME 76

   ELEMENT hand - [object SymbolInstance]

FRAME 77

   ELEMENT hand - [object SymbolInstance]

FRAME 78

   ELEMENT hand - [object SymbolInstance]

FRAME 79

   ELEMENT hand - [object SymbolInstance]

FRAME 80

   ELEMENT hand - [object SymbolInstance]

FRAME 81

   ELEMENT hand - [object SymbolInstance]

FRAME 82

   ELEMENT hand - [object SymbolInstance]

FRAME 83

   ELEMENT hand - [object SymbolInstance]

FRAME 84

   ELEMENT hand - [object SymbolInstance]

FRAME 85

   ELEMENT hand - [object SymbolInstance]

FRAME 86

   ELEMENT hand - [object SymbolInstance]

FRAME 87

   ELEMENT hand - [object SymbolInstance]

FRAME 88

   ELEMENT hand - [object SymbolInstance]

FRAME 89

   ELEMENT hand - [object SymbolInstance]

FRAME 90

   ELEMENT hand - [object SymbolInstance]

FRAME 91

   ELEMENT hand - [object SymbolInstance]

FRAME 92

   ELEMENT hand - [object SymbolInstance]

FRAME 93

   ELEMENT hand - [object SymbolInstance]

FRAME 94

   ELEMENT hand - [object SymbolInstance]

FRAME 95

   ELEMENT hand - [object SymbolInstance]

FRAME 96

   ELEMENT hand - [object SymbolInstance]

FRAME 97

   ELEMENT hand - [object SymbolInstance]

FRAME 98

   ELEMENT hand - [object SymbolInstance]

FRAME 99

   ELEMENT hand - [object SymbolInstance]

FRAME 100

   ELEMENT hand - [object SymbolInstance]

FRAME 101

   ELEMENT hand - [object SymbolInstance]

FRAME 102

   ELEMENT hand - [object SymbolInstance]

FRAME 103

   ELEMENT hand - [object SymbolInstance]

FRAME 104

   ELEMENT hand - [object SymbolInstance]

FRAME 105

   ELEMENT hand - [object SymbolInstance]

FRAME 106

   ELEMENT hand - [object SymbolInstance]

FRAME 107

   ELEMENT hand - [object SymbolInstance]

FRAME 108

   ELEMENT hand - [object SymbolInstance]

FRAME 109

   ELEMENT hand - [object SymbolInstance]

FRAME 110

   ELEMENT hand - [object SymbolInstance]

FRAME 111

   ELEMENT hand - [object SymbolInstance]

FRAME 112

   ELEMENT hand - [object SymbolInstance]

FRAME 113

   ELEMENT hand - [object SymbolInstance]

FRAME 114

   ELEMENT hand - [object SymbolInstance]

FRAME 115

   ELEMENT hand - [object SymbolInstance]

FRAME 116

   ELEMENT hand - [object SymbolInstance]

FRAME 117

   ELEMENT hand - [object SymbolInstance]

FRAME 118

   ELEMENT hand - [object SymbolInstance]

FRAME 119

   ELEMENT hand - [object SymbolInstance]

FRAME 120

   ELEMENT hand - [object SymbolInstance]

FRAME 121

   ELEMENT hand - [object SymbolInstance]

FRAME 122

   ELEMENT hand - [object SymbolInstance]

FRAME 123

   ELEMENT hand - [object SymbolInstance]

FRAME 124

   ELEMENT hand - [object SymbolInstance]

FRAME 125

   ELEMENT hand - [object SymbolInstance]

FRAME 126

   ELEMENT hand - [object SymbolInstance]

FRAME 127

   ELEMENT hand - [object SymbolInstance]

FRAME 128

   ELEMENT hand - [object SymbolInstance]

FRAME 129

   ELEMENT hand - [object SymbolInstance]

FRAME 130

   ELEMENT hand - [object SymbolInstance]

FRAME 131

   ELEMENT hand - [object SymbolInstance]

FRAME 132

   ELEMENT hand - [object SymbolInstance]

FRAME 133

   ELEMENT hand - [object SymbolInstance]

FRAME 134

   ELEMENT hand - [object SymbolInstance]

FRAME 135

   ELEMENT hand - [object SymbolInstance]

FRAME 136

   ELEMENT hand - [object SymbolInstance]

FRAME 137

   ELEMENT hand - [object SymbolInstance]

FRAME 138

   ELEMENT hand - [object SymbolInstance]

FRAME 139

   ELEMENT hand - [object SymbolInstance]

FRAME 140

   ELEMENT hand - [object SymbolInstance]

FRAME 141

   ELEMENT hand - [object SymbolInstance]

FRAME 142

   ELEMENT hand - [object SymbolInstance]

FRAME 143

   ELEMENT hand - [object SymbolInstance]

FRAME 144

   ELEMENT hand - [object SymbolInstance]

FRAME 145

   ELEMENT hand - [object SymbolInstance]

FRAME 146

   ELEMENT hand - [object SymbolInstance]

FRAME 147

   ELEMENT hand - [object SymbolInstance]

FRAME 148

   ELEMENT hand - [object SymbolInstance]

FRAME 149

   ELEMENT hand - [object SymbolInstance]

FRAME 150

   ELEMENT hand - [object SymbolInstance]

FRAME 151

   ELEMENT hand - [object SymbolInstance]

FRAME 152

   ELEMENT hand - [object SymbolInstance]

FRAME 153

   ELEMENT hand - [object SymbolInstance]

FRAME 154

   ELEMENT hand - [object SymbolInstance]

FRAME 155

   ELEMENT hand - [object SymbolInstance]

FRAME 156

   ELEMENT hand - [object SymbolInstance]

FRAME 157

   ELEMENT hand - [object SymbolInstance]

FRAME 158

   ELEMENT hand - [object SymbolInstance]

FRAME 159

   ELEMENT hand - [object SymbolInstance]

FRAME 160

   ELEMENT hand - [object SymbolInstance]

FRAME 161

   ELEMENT hand - [object SymbolInstance]

FRAME 162

   ELEMENT hand - [object SymbolInstance]

FRAME 163

   ELEMENT hand - [object SymbolInstance]

FRAME 164

   ELEMENT hand - [object SymbolInstance]

FRAME 165

   ELEMENT hand - [object SymbolInstance]

FRAME 166

   ELEMENT hand - [object SymbolInstance]

FRAME 167

   ELEMENT hand - [object SymbolInstance]

FRAME 168

   ELEMENT hand - [object SymbolInstance]

FRAME 169

   ELEMENT hand - [object SymbolInstance]

FRAME 170

   ELEMENT hand - [object SymbolInstance]

FRAME 171

   ELEMENT hand - [object SymbolInstance]

FRAME 172

   ELEMENT hand - [object SymbolInstance]

FRAME 173

   ELEMENT hand - [object SymbolInstance]

FRAME 174

   ELEMENT hand - [object SymbolInstance]

FRAME 175

   ELEMENT hand - [object SymbolInstance]

FRAME 176

   ELEMENT hand - [object SymbolInstance]

FRAME 177

   ELEMENT hand - [object SymbolInstance]

FRAME 178

   ELEMENT hand - [object SymbolInstance]

FRAME 179

   ELEMENT hand - [object SymbolInstance]

FRAME 180

   ELEMENT hand - [object SymbolInstance]

FRAME 181

   ELEMENT hand - [object SymbolInstance]

FRAME 182

   ELEMENT hand - [object SymbolInstance]

FRAME 183

   ELEMENT hand - [object SymbolInstance]

FRAME 184

   ELEMENT hand - [object SymbolInstance]

FRAME 185

   ELEMENT hand - [object SymbolInstance]

FRAME 186

   ELEMENT hand - [object SymbolInstance]

FRAME 187

   ELEMENT hand - [object SymbolInstance]

FRAME 188

   ELEMENT hand - [object SymbolInstance]

FRAME 189

   ELEMENT hand - [object SymbolInstance]

FRAME 190

   ELEMENT hand - [object SymbolInstance]

FRAME 191

   ELEMENT hand - [object SymbolInstance]

FRAME 192

   ELEMENT hand - [object SymbolInstance]

FRAME 193

   ELEMENT hand - [object SymbolInstance]

FRAME 194

   ELEMENT hand - [object SymbolInstance]

FRAME 195

   ELEMENT hand - [object SymbolInstance]

FRAME 196

   ELEMENT hand - [object SymbolInstance]

FRAME 197

   ELEMENT hand - [object SymbolInstance]

FRAME 198

   ELEMENT hand - [object SymbolInstance]

FRAME 199

   ELEMENT hand - [object SymbolInstance]

FRAME 200

   ELEMENT hand - [object SymbolInstance]

FRAME 201

   ELEMENT hand - [object SymbolInstance]

FRAME 202

   ELEMENT hand - [object SymbolInstance]

FRAME 203

   ELEMENT hand - [object SymbolInstance]

FRAME 204

   ELEMENT hand - [object SymbolInstance]

FRAME 205

   ELEMENT hand - [object SymbolInstance]

FRAME 206

   ELEMENT hand - [object SymbolInstance]

FRAME 207

   ELEMENT hand - [object SymbolInstance]

FRAME 208

   ELEMENT hand - [object SymbolInstance]

FRAME 209

   ELEMENT hand - [object SymbolInstance]

FRAME 210

   ELEMENT hand - [object SymbolInstance]

FRAME 211

   ELEMENT hand - [object SymbolInstance]

FRAME 212

   ELEMENT hand - [object SymbolInstance]

FRAME 213

   ELEMENT hand - [object SymbolInstance]

FRAME 214

   ELEMENT hand - [object SymbolInstance]

FRAME 215

   ELEMENT hand - [object SymbolInstance]

FRAME 216

   ELEMENT hand - [object SymbolInstance]

FRAME 217

   ELEMENT hand - [object SymbolInstance]

FRAME 218

   ELEMENT hand - [object SymbolInstance]

FRAME 219

   ELEMENT hand - [object SymbolInstance]

FRAME 220

   ELEMENT hand - [object SymbolInstance]

FRAME 221

   ELEMENT hand - [object SymbolInstance]

FRAME 222

   ELEMENT hand - [object SymbolInstance]

FRAME 223

   ELEMENT hand - [object SymbolInstance]

FRAME 224

   ELEMENT hand - [object SymbolInstance]

FRAME 225

   ELEMENT hand - [object SymbolInstance]

FRAME 226

   ELEMENT hand - [object SymbolInstance]

FRAME 227

   ELEMENT hand - [object SymbolInstance]

FRAME 228

   ELEMENT hand - [object SymbolInstance]

FRAME 229

   ELEMENT hand - [object SymbolInstance]

FRAME 230

   ELEMENT hand - [object SymbolInstance]

FRAME 231

   ELEMENT hand - [object SymbolInstance]

ELEMENT TO KEEP: hand

FRAME 0

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 1

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 2

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 3

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 4

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 5

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 6

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 7

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 8

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 9

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 10

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 11

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 12

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 13

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 14

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 15

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 16

   ELEMENT hand_p0 - [object SymbolInstance]

FRAME 17

FRAME 18

FRAME 19

FRAME 20

FRAME 21

FRAME 22

FRAME 23

FRAME 24

FRAME 25

FRAME 26

FRAME 27

FRAME 28

FRAME 29

FRAME 30

FRAME 31

FRAME 32

FRAME 33

FRAME 34

FRAME 35

FRAME 36

FRAME 37

FRAME 38

FRAME 39

FRAME 40

FRAME 41

FRAME 42

FRAME 43

FRAME 44

FRAME 45

FRAME 46

FRAME 47

FRAME 48

FRAME 49

FRAME 50

FRAME 51

FRAME 52

FRAME 53

FRAME 54

FRAME 55

FRAME 56

FRAME 57

FRAME 58

FRAME 59

FRAME 60

FRAME 61

FRAME 62

FRAME 63

FRAME 64

FRAME 65

FRAME 66

FRAME 67

FRAME 68

FRAME 69

FRAME 70

FRAME 71

FRAME 72

FRAME 73

FRAME 74

FRAME 75

FRAME 76

FRAME 77

FRAME 78

FRAME 79

FRAME 80

FRAME 81

FRAME 82

FRAME 83

FRAME 84

FRAME 85

FRAME 86

FRAME 87

FRAME 88

FRAME 89

FRAME 90

FRAME 91

FRAME 92

FRAME 93

FRAME 94

FRAME 95

FRAME 96

FRAME 97

FRAME 98

FRAME 99

FRAME 100

FRAME 101

FRAME 102

FRAME 103

FRAME 104

FRAME 105

FRAME 106

FRAME 107

FRAME 108

FRAME 109

FRAME 110

FRAME 111

FRAME 112

FRAME 113

FRAME 114

FRAME 115

FRAME 116

FRAME 117

FRAME 118

FRAME 119

FRAME 120

FRAME 121

FRAME 122

FRAME 123

FRAME 124

FRAME 125

FRAME 126

FRAME 127

FRAME 128

FRAME 129

FRAME 130

FRAME 131

FRAME 132

FRAME 133

FRAME 134

FRAME 135

FRAME 136

FRAME 137

FRAME 138

FRAME 139

FRAME 140

FRAME 141

FRAME 142

FRAME 143

FRAME 144

FRAME 145

FRAME 146

FRAME 147

FRAME 148

FRAME 149

FRAME 150

FRAME 151

FRAME 152

FRAME 153

FRAME 154

FRAME 155

FRAME 156

FRAME 157

FRAME 158

FRAME 159

FRAME 160

FRAME 161

FRAME 162

FRAME 163

FRAME 164

FRAME 165

FRAME 166

FRAME 167

FRAME 168

FRAME 169

FRAME 170

FRAME 171

FRAME 172

FRAME 173

FRAME 174

FRAME 175

FRAME 176

FRAME 177

FRAME 178

FRAME 179

FRAME 180

FRAME 181

FRAME 182

FRAME 183

FRAME 184

FRAME 185

FRAME 186

FRAME 187

FRAME 188

FRAME 189

FRAME 190

FRAME 191

FRAME 192

FRAME 193

FRAME 194

FRAME 195

FRAME 196

FRAME 197

FRAME 198

FRAME 199

FRAME 200

FRAME 201

FRAME 202

FRAME 203

FRAME 204

FRAME 205

FRAME 206

FRAME 207

FRAME 208

FRAME 209

FRAME 210

FRAME 211

FRAME 212

FRAME 213

FRAME 214

FRAME 215

FRAME 216

FRAME 217

FRAME 218

FRAME 219

FRAME 220

FRAME 221

FRAME 222

FRAME 223

FRAME 224

FRAME 225

FRAME 226

FRAME 227

FRAME 228

FRAME 229

FRAME 230

FRAME 231

ron700
Inspiring
May 19, 2013

I forgot to write that only elements form the current frame can be selected

and deleted.

When a library item is opened, the first frame is the current frame.

Use timeline.setSelectedLayers() and timeline.setSelectedFrames()