GSDevTools

[Brukman]

Hi!

I create educational videos and HTML5 animation.

I use DevTools to have the animation timeline for my users.

 

How to customize it? I found how to set colors and stuff.

But what about time format? I need minutes and seconds.

And how to hide the markers?

 

Thank you!

 

[GreenSock]

Hi @Brukman! Thanks for being a Club GreenSock member. 

 

GSDevTools wasn't intended to be fully customizable, but you can definitely write your own CSS rules to affect styling if you'd like. It sounds like you already figured that out. 👍

 

If you need further customization that'd require code edits, you are welcome contact us about our paid consulting services. 

 

If all you want to do is display minutes/seconds, it'd probably be pretty easy to build that yourself (skip GSDevTools altogether) and just tap into an onUpdate on your timeline to update the innerText of your element. 

[Brukman]

Thank you! A really appreciate your speedy reaction. 

[Brukman]

Hi! It's me again.

Am I understand it correctly, that if I add " .addPause" then GSDevTools kinda lost track of time?

It plays the animation forward, but glitches on the backward scrubbing.

 

Thank you.

[GreenSock]

I definitely wouldn't recommend putting pauses in an animation you're playing back with GSDevTools. I'm curious why you'd want to do that. It seems like users would think it's broken. In general, GSDevTools is meant to be a tool you use during production just to help you refine things...or maybe to show clients an animation and let them scrub through it. See what I mean?