Учебники по javascript анимации (используя canvas или svg). Есть ли такие?

Question

[eugene_d_dev]

Ну собственно говоря в титуле вся суть вопроса. Хочу найти учебник по практике анимация на canvas, используя js. Ну svg тоже хотел почитать. Именно анимацию.

Comments

[vasIvas]

А что конкретно Вас интересует? Какая именно анимация? Просто для меня значения лова анимация варьируется от "сдвинул квадратик в лево", до "скелетной 3D анимации". Но все что сложнее чем "сдвинуть квадратик" к canvas и svg не относится, это отдельная очень сложная направление.

[eugene_d_dev]

vasIvas: Интересует очень сложная анимация.

[vasIvas]

fajjet: тогда Вам нужны курсы аниматоров, где Вы несколько лет с утра до ночи будите сидеть и оттачивать свое умение. А так с Вами говорить сложно, Вы не понимаете чего хотите. Вы говорите что хотите научится строить дома, но на вопрос "какие? избы, из песка, небоскребы или плавучие", отвечаете всякие. Начните с самого простого и наращивайте и сразу поймете что Вам нужно спрашивать, чтобы не случать Ваши фантазии.

[eugene_d_dev]

vasIvas: canvas анимация. Какая еще фантазия) Динамичная и интерактивная canvas анимация. Вот что меня интересует.

[vasIvas]

fajjet: canvas это очень сырая технология и очень обманчивая технология. Создать один канвас и нарисовать в нем картинку это одно, но чтобы делать на нем анимации, это нужны целая система рендера, которая по своей сложности будет равняться изучению целого языка программирования. Вы же знаете языки программирования, хотя бы js? Так вот, чтобы не писать самому, можно взять уже готовую, для canvas лично я бы выбрал pixijs а для svg snapsvg. Но к Вашему сожалению русских книг и уроков практически нет и документации тоже.
Эти инструменты создают площадку для полноценной работы сcanvas и svg, предоставляют твинеры и систему рендера, а так же объекты, которых в нативном js нет.
Все, дальше сами. Тут на год, как минимум чтения.

Answer 1

[Дмитрий]

На русском наверное только одна... "Графика на JavaScript" Автор: Рафаэлло Чекко. На английском больше в разы...

Comments

[eugene_d_dev]

Книги на английском приветствуются))

Answer 2

[Паша Курбатский]

Конечно есть.
https://learn.javascript.ru/animation

habrahabr.ru/post/119585

https://developer.mozilla.org/ru/docs/Web/Guide/HT...

Comments

[eugene_d_dev]

Ну я имел ввиду полноценные книги, а не статью)) Эти статьи уже давно проштудировал))

[Паша Курбатский]

fajjet: Если с англ. все хорошо, то www.amazon.com/HTML5-Canvas-Steve-Fulton/dp/144933...

Answer 3

[Сергей]

На edx месяц назад был курс по HTML5, где очень даже хорошо рассматривали анимацию canvas. Сейчас этот курс в архиве, но ты можешь с ним работать, проходить материалы. Это был первый курс, скоро должен появиться 2 курс. Подпишись на группу профессора, там опубликуют, когда он появится. Курс интересный, много правктики. Вот пример, что делали на курсе codepen.io/zey_ser/pen/BNJGwW