Каким образом в Animate CC 2017 на HTML5 Canvas сделать анимацию падающего снега?

vladas1983

Участник
Сообщения
18
Благодарности
0
#1
Кто-нибудь делал анимацию падающего снега на HTML5 Canvas в Animate CC 2017? Есть ли какие то способы создания данной анимации? Или где можно скачать скрипты и внедрить их в проект. Как их внедрить в проект?

Ранее, когда создавал flash-файлы, у меня было несколько анимаций падающего снега на ActonScript 2 и ActionScript 3. Конвертироваться они не хотят в JavaScript. Я пытался найти в интернете, но не смог найти скрипты с внедрением в проект. С внедрением в проект необходимо для того, чтобы я мог управлять этой анимацией, т.е., чтобы снег начинал падать не с самого начала ролика, а с определенного кадра, когда появятся первые элементы. Я находил в интернете отдельные скрипты снега, но их же не внедрить в проект и нужно специально после того, как создана открытка через html-редактор (notepad++) редактировать html- или js- файл И нужен снег, который будет падать не на весь экран, а только в области открытки. И если есть такой скрипт, который можно внедрить в проект, то как это правильно сделать? На flash был слой с кружком или другой фигурой, которую можно было редактировать как угодно. Это была отдельная снежинка. А далее через скрипт в отдельно слое она размножалась, создавались разные размеры снежинок, их прозрачность, отклонения в разные стороны имитирующие движения не ветру и т.д. На HTML Canvas как-то иначе?

Нашел еще другой способ.
Скачивается или создается картинка со снегом на прозрачном фоне. А в проекте нужно делать анимацию движения сверху вниз, чтобы создавалось ощущение падающего снега. При этом сверху этой картинки идет такая же картинка, чтобы после того, как первая опустится ниже верхнего уровня экрана не было пустого экрана. А потом нужно сделать в определенный момент повтор этой анимации (зацикливание), т.е. сделать, чтобы не было "эффекта дерганья" снега (плавный переход). В принципе, можно сделать ни одну картинку, а несколько с разным расположением снега, чтобы было более реалистично, а на последней картинкой будет, как обычно, первая, чтобы сделать зацикливание.
 

qsedftghk

фея
10 лет на форуме
Сообщения
1 391
Благодарности
669
#2
Рейтинг@Mail.ru