Hi,
Been experimenting with Gsap over the last day or 2, and had some fun. The possibilites seem endless, especially with three.js.
But i'm stuck.
Excuse my newbie js skills, i have a lot to learn.... clearly!
Ok, I can get the GTLF imported ok and animated but it's not working correctly.
I want the animation to play upon load, and then on hover - go back to the original position and then pause. Upon coming out of hover then restart the animation from the off.
Upon load it works and the animation runs. On hover it works, the 3 blocks return to the original location. But on restart from original position its very buggy and the whole animation becomes out of sync.
I think the part i'm not getting right is below, ideally they should be declared once?
var redShape = scene.getObjectByName("Red");
var greenShape = scene.getObjectByName("Green");
var blueShape = scene.getObjectByName("Blue");
I've tried, kill, restart, destroy, dozens of things but no luck so far.
Help greatly apprecated. JM.