dev tools must be Christmas already!!!

[macguffin 28 Likes (Newbie)]

AWESOME!!!!

 

Have used Chris Gannon's scrub timeline in the past but this is just in another league.

Gonna be so useful I've got a game to debug and am gonna use this which will be fun.

 

Cheers 

[Carl 9,066 Likes (Superhero)]

Awesome! Thanks for letting us know. We're confident GSDevTools should really really really speed up development and make debugging and client reviews so much easier.

[PointC 8,599 Likes (Superhero)]

[tyelrx 1 Likes (Newbie)]

Just curious and this would help alot but is there anyway to add it after the fact via console? That way it didn't need to be included in the actual file but could be referenced later. My team builds alot of banners and this would help during reviews.

 

    var jq = document.createElement('script');
    jq.src = "/GSDevTools.min.js"; /// some server site for my team only
    jq.onload = function(){
            GSDevTools.create();
    }
    document.getElementsByTagName('head')[0].appendChild(jq);

 

[GreenSock 8,117 Likes (Superhero)]

Hm, I haven't tried that but in theory it should work as long as you're loading it quickly enough. It really needs to be in place on the first tick so that it can hijack the root timeline and "record" things properly. It basically records any animations that are created within the first 2 seconds of the page loading. 

 

Let us know if you run into any trouble. 

[tyelrx 1 Likes (Newbie)]

That might explain why it wasn’t working for me. It would load the interface and show in the DOM but nothing worked. All buttons did nothing. I believe as you mentioned it wouldn’t be soon enough and capture the timeline. Bummer but thank you. It was worth asking.

[tyelrx 1 Likes (Newbie)]

Another issue, outside of this one would be iframes that load a child container. It would be nice to pass in the timeline object as one of the optional parms of GSdevtools. It's not always practical to have this ready to go right after the timeline loads.

[GreenSock 8,117 Likes (Superhero)]

Oh, absolutely. If I understand you correctly, you can already do that. Simply define it as the "animation", like:

var tl = new TimelineLite();
tl.to(...);
...

GSDevTools.create({
    animation: tl,
    globalSync: false
});

 

Is that what you mean? 

 

GSDevTools doesn't need to be just wired up to the root/global timeline at all. You can point it at any animation (tween, timeline, whatever). Does that help?