State change animation

[stocktonwoodworth]

References user story #8

Energy blocks will animate when they change to a different animaiton.

[stocktonwoodworth]

Added animation for when and energy transforms into a new type. I want to add custom animation depending on the type it changes to. For example when energy becomes thermal a flame ease-in-out for a second. I am having issues getting a different animation to play based on the type it changes to.

{t:52}

[stocktonwoodworth]

Previously I was using CSS for the animation. I changed it to use GSAP timelines. This fixed the issue of every cube animation when one changes energy type. I still need to add custom animation depending on the type the cube changes to.

{t:107}

[stocktonwoodworth]

I added custom animation. I need to smooth out the animation for better transitions. I also want to cleanup the code added by creating smaller functions.

{t:210}

[stocktonwoodworth]

I did some research on making the animations and the state change seamless. I've tried some implementations but haven't gotten anything that seems to work.

{t:113}

[stocktonwoodworth]

Made the animation a bit more seamless, not quite to where I want it to be. I'll come back to this for a polishing task.

{t:75}

[stocktonwoodworth]

Had to revert the squash and merge because it removed the hover animation. I have gone through and fixed it. I squashed and merged a fixed version that has all currently working features.

{t:60}