Share Posted January 11, 2020 Hi forum, I'm almost there with this project, it works fine when you click in the order from green, red and blue, but the problem is when you click in a different colour sequence , such as blue, red and green the animation does not function correctly. Essentially all I want is for the user to navigate through the animations in whatever order. I really appreciated your help last time. Zahir See the Pen VwYxYgL by AlphaArt (@AlphaArt) on CodePen Link to post Share on other sites
Share Posted January 11, 2020 Hi @Zahir Rafiq The problem is in each of your click events, you're only accounting for one other color's timeline to have been played when either of the two other colors' timeline could have a progress greater than 0. For example, your green click event only looks to see if the red timeline has a progress value ... it doesn't check if blue does. Have a look at this codepen to see how I've addressed that. Now ... this works well for a few colors. If we were allowing for this on something like 10 colors ... of course this way would quickly get out of control and we would want to abstract that away somehow. See the Pen MWYGXaq?editors=0010 by sgorneau (@sgorneau) on CodePen Happy tweening! Shaun 4 Link to post Share on other sites
Author Share Posted January 11, 2020 Thank you so much @Shaun Gorneau You're a star. Zahir:) Link to post Share on other sites
Share Posted January 11, 2020 Hey @Zahir Rafiq, Another concept. See the Pen abzGjJJ by mikeK (@mikeK) on CodePen The first run (Rerun codePen) is sometimes not as expected. I do not know why. Happy tweening ... Mikel 1 Link to post Share on other sites