maximrhz/markup-task-8

Задача «Мультик»

Задача «Мультик»

Перед выполнением задания внимательно прочитайте:

• О всех этапах проверки задания
• Как отправить пулл
• Как пройти тесты
• Правила оформления JavaScript, HTML и CSS кода

Основное задание

По мнению моей бабуленьки, есть три вещи, на которые можно смотреть вечно: как едет поезд, как идет дым из его трубы и как летят облака под луной. Именно поэтому я решил создать мультик про это.

Мы заранее реализовали статичные элементы мультфильма.

Ваша задача: анимировать эти элементы, примерно как на этом видео.

Требования:

• Анимировать облака. Облака должны быть повернуты в разные стороны, быть разных размеров и двигаться с разной скоростью. Те, что ближе к зрителю, — больше и движутся быстрее. Те, что дальше, — меньше и медленнее.
• Поезд. Движется равномерно. Колеса должны вращаться и должен идти дым из трубы.
• Луна должна подниматься и менять размер. Когда луна находится внизу, то она больше, чем когда поднимается полностью. Когда луна достигнет середины холста, то должна "застыть".
• Проявить фантазию и анимировать что-нибудь еще, используя информацию с лекции ;)

Дополнительное задание (+2 вагона)

При наведении на мультик вся сцена должна вращаться, а также должна ощущаться глубина сцены, как на видео.