I am new to GreenSock and want to try using it with Canvas in Animate CC. Specifically, I want to create a timeline scrubber for my animations just like the one demonstrated here:
My question is, can this be used with Canvas in Animate? I know the way this works is by manipulating DOM elements, but could it be used to scrub through timeline animations that are created in Animate CC, or is this not possible?
In Canvas I am currently using the pressmove event and incrementing the x position of the slider within it's bounds using the ticker, but it isn't very smooth.
I reviewed the quick start for Animate CC, but I'm not sure where to go next.
So far, I am importing a scrubber and a scrub boundary movieclip from the library (shown below), but I'm stuck with how to target my scrubber and since it's not a div like in the example link above, I'm not even sure it's possible. Does anyone have any thoughts or insight?
scrubBoundary = new lib.scrubBoundary();
scrubBoundary.setBounds(247, 527, 455, 10);
scrubBoundary.x = 50;
scrubBoundary.y = 300;
bounds = scrubBoundary.getBounds();
sliderBtn = new lib.sliderBtn();
sliderBtn.cursor = "pointer";
sliderBtn.x = bounds.x + dragRadius, sliderBtn.y = bounds.y + dragRadius / 2;
sliderBtn.y = bounds.y, sliderBtn.x = bounds.x;