Как делают сайты со сложной полноэкранной анимацией?

Question

[Александр Бабенко]

Здравствуйте!
Смотрю сейчас стали появляться сайты с более сложной анимацией. Полноэкранные с красивыми переходами и анимацией. Раньше такие делали на Flash, а сейчас как, на JavaScript? И есть ли для этого удобные инструменты или всё ручками?

Answer 1

[iBird Rose]

svg, canvas

Comments

[Александр Бабенко]

Это же отдельные блоки с анимацией, а как всё совмещать?

[iBird Rose]

Александр Бабенко: js

Answer 2

[Вячеслав Осипов]

Можно конечно и на чистом JS,но оно тебе надо?
В основном используют:
1)Конечно же JQuery
2)Canvas
3)parallax.js
matthew.wagerfield.com/parallax
4)wow
5)Bounce.js
Это всего лишь 5 инструментов для анимации а их великое множество.

Comments

[Александр Бабенко]

Понятное дело что чистым JS не будет делаться. Совмещают разные библиотеки и фреймворки? Но тем не менее всё ручная работа же получается. Программ никаких нет? Раньше это делалось на Flash, хотя и много там писать ActionScipt приходилось, тем не менее анимацию можно было визуально всю делать.

Answer 3

[xmoonlight]

Используют 2D/3D либы игровых "движков" или чистый кодинг на JS.
Лично я для 2D работаю с Crafty.js

Comments

[Александр Бабенко]

Спасибо, но я видимо не такого плана сайты имел ввиду. Немного по проще ))

Answer 4

[Дмитрий Беляев]

Для 3D используют либы типа Three.js или Blender4Web ну или если критична производительность, то напрямую работают с webGL, делая большую часть геометрии непосредственно в шейдерах
Для 2D - canvas 2d / svg