Jump to content
Search Community

GSDevTools chapters

knalle test
Moderator Tag

Recommended Posts

I used labels and added it this way:

 

GSDevTools.create({animation:tl, minimal: true, container: "#devTools", globalSync:false, paused:true});

let labels = tl.labels;
let totalTime = tl.totalDuration();
let timelineEl = document.querySelector('#devTools .timeline .timeline-track');

for (const label in labels) {
  let div = document.createElement('div');
  div.innerHTML = label;
  div.classList.add('chapter');
  div.setAttribute('style', 'left: '+labels[label] / totalTime * 100 +"%;");
  timelineEl.parentNode.insertBefore( div, timelineEl );
};

And added some styling for the .chapter (position: absolute etc.)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...