This question is a rebirth of How do you animate SVG for the web? with little additions to modern realities.
My question is this - how to create complex animation for the web? By complex animation, I mean literally cartoon-level animation. I would like to make such an animation that would be tied to mouse scrolling, clicks, hovers, etc. I see that there are quite a lot of JS libraries for animation, but as far as I can tell, they are mainly (as I understand it) designed more for the technical side - that is, for the connection between the user and the user's actions, but it is extremely difficult to do the animation itself in them. I mean, it's not efficient to do the animation itself (cartoon-level) with the help of the JS library when there are more suitable tools for this.
In the last question, a bunch of Adobe Animate + flash2svg plugin was mentioned, but as I can see from their github, the last update was in 2019, which apparently means that this method is quite outdated.
So what are the current ways to create complex animation? My ideal version looks something like this - my animator makes animation in adobe animate (or in other professional animation software), then he export the result for the frontender and he hooks this animation to scroll, hover, etc.