Timeline Code Helper

Faced with the horror of timeline code? Fear no more!

This extension will help you to get an overview of code spread across multiple frames. It gathers the code, and puts it together in one place

You can also edit the generated code, and push your changes out to code on frames.

Work on both Windows and Mac, on Flash CS3 and above (probably also Flash 8 if you’re using that!)

Example (same as in video)

On multiple layers and frames in one symbol, there is timeline code.

Fx on frame 7, on the layer “Layer 2”, there is a command:

gotoAndPlay(12);

on frame 9 there’s also some code, but on two seperate layers! “Layer 3” has this code:

this.gotoAndStop(10);

and “Layer 1” has this code:

trace("Timeline code is cool!");

Getting the overview

To get an overview of this, you could use my extension! When you run it with the symbol selected in the library, you will get a new guided layer with all the AS on the first frame. it will look like this:

//    |-----------------------------------------------------------|
//    |- Timeline Code Helper - 1.0.0                            -|
//    |- Made By: Rasmus Wriedt Larsen                           -|
//    |- Genrated: Tue May 03 2011 00:34:19 GMT+0200             -|
//    |-----------------------------------------------------------|
//
//    FRAME 7 START
//
//        LAYER "Layer 2" START (index: 2)
            gotoAndPlay(12);
//        LAYER "Layer 2" END
//
//    FRAME 7 END
//
//
//    FRAME 9 START
//
//        LAYER "Layer 3" START (index: 1)
            this.gotoAndStop(10);
//        LAYER "Layer 3" END
//
//        LAYER "Layer 1" START (index: 3)
            trace("Timeline code is cool!");
//        LAYER "Layer 1" END
//
//    FRAME 9 END
//
//
//    FRAME 10 START
//
//        LAYER "Layer 1" START (index: 3)
            play()
//        LAYER "Layer 1" END
//
//    FRAME 10 END
//
//
//    FRAME 15 START
//
//        LAYER "Layer 1" START (index: 3)
            gotoAndStop(16)
//        LAYER "Layer 1" END
//
//    FRAME 15 END
//
//
//    FRAME 16 START
//
//        LAYER "Layer 3" START (index: 1)
            play();
//        LAYER "Layer 3" END
//
//    FRAME 16 END
//
//
//    FRAME 20 START
//
//        LAYER "Layer 2" START (index: 2)
            this.scaleX = 5;
//        LAYER "Layer 2" END
//
//    FRAME 20 END
//
//
//    FRAME 24 START
//
//        LAYER "Layer 3" START (index: 1)
            this.scaleX = 1;
//        LAYER "Layer 3" END
//
//    FRAME 24 END
//
//    
//    |-----------------------------------------------------------|
//    |- Timeline Code Helper - 1.0.0                            -|
//    |- Made By: Rasmus Wriedt Larsen                           -|
//    |-----------------------------------------------------------|

Pushing out Changes

if you then want to make a change to a specific line of code, you simply just edit the above, and push the “Copy to Frames” button.

fx if you change the the trace to : trace("Timeline code is NOT cool!");, push the button and go to frame 9 on “Layer 1”, you would see this code:

trace("Timeline code is NOT cool!"