Как создать эффект написания текста?

Question

[mountain123]

https://www.youtube.com/watch?v=NGFTg9hOo7U
в ролике показана реализация в Adobe After Effects.
Возможно ли реализовать такое же в Jquery? Не только с текстом, но и другими элементами например: кривые линии, фигуры.
Или это возможно реализовать в Adobe Edge Animate?

Answer 1

[Svyatoslav Demidov]

Набор текст можно на js запилить, кривые линии и фигуры - смотрите в сторону библиотек работающих с canvas. Pixi.js например

Comments

[mountain123]

не набор, а именно написание. Как-будто рукой прописывают.

[Svyatoslav Demidov]

mountain123: это сперва в svg все нарисуйте(illustrator, etc). Потом берите код вашего svg рисунка. И через js анимируйте. Есты специальные либы для анимации svg.

[mountain123]

Svyatoslav Demidov: Отлично! Тут немного придется попотеть

[Svyatoslav Demidov]

mountain123: это точно. На codepen есть много примеров

Answer 2

[Justique]

www.mattboldt.com/demos/typed-js

Comments

[mountain123]

Это не совсем подходит. В ролике показано именно написание, а не набор. Например если шрифт будет большой и размашистый Typed.js не подойдет.

[Владимир]

шикарная библиотека. спасибо :)