How do websites with complex full-screen animations work?

Question

css

Hello!
I look now sites with more complex animations have begun to appear. Full screen with beautiful transitions and animations. Previously, these were done in Flash, but now how, in JavaScript? And are there any handy tools for this or is it all handles?

Answer 1

svg canvas

Answer 2

You can, of course, use pure JS, but do you need it?
They mostly use:
1) Of course JQuery
2) Canvas
3) parallax.js
matthew.wagerfield.com/parallax
4) wow
5) Bounce.js
These are just 5 tools for animation and there are a lot of them.

Answer 3

They use either 2D/3D game "engines" or pure JS coding.
Personally, I work with Crafty.js for 2D

Answer 4

For 3D, either Three.js or Blender4Web is used, or if performance is critical, then they work directly with webGL, making most of the geometry directly in shaders
. For 2D - canvas 2d / svg