С древних времён люди пытались оживить и заставить двигаться рисунки. В XIX веке было установлено, что глаз человека устроен таким образом, что изображение сохраняется на очень короткое время. Это знание стало основным принципом, по которому сегодня создаются мультфильмы.

В этом же веке появились смешные картинки – комиксы, их герои стали позже первыми анимационными героями.

Первые мультфильмы были чёрно-белыми, движения персонажей – угловатыми и неуклюжими. Да они и не говорили – первые мультфильмы были "немыми".

Сейчас наши любимые мультфильмы выглядят гораздо лучше, их рисуют на компьютерах в специальных программах. Хотите создать собственный мультик?

Давайте начнём прямо сейчас. Вам понадобится компьютер, подключение к Интернету и немного смекалки. 

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

Давайте сделаем с вами небольшую анимацию в программе Scratch вместе с LoveToCode! Нашим главным героем будет Беймакс – супергерой из мультфильма "Город Героев".

Но для начала мы, как настоящие режиссёры, должны подготовить раскадровку – это план действий, сценарий, зарисовки сюжета от начала до конца. Можно делать его на бумаге карандашом или ручкой, как эскизы. Раскадровка помогает тщательно продумать сюжет: какие кадры должны появиться, в какой последовательности, а какие кадры можно и вовсе исключить.

Имея раскадровку, нам будет легче делать анимацию.

Теперь, когда у нас есть сценарий, создадим анимацию в Scratch!

Переходим по ссылке https://scratch.mit.edu/projects/90428766/#editor

Если язык по умолчанию у вас английский, нажмите на значок глобуса и измените его на русский.

Мы уже подготовили для вас небольшой макет-заготовку, на котором есть три главных объекта: 1) Беймакс; 2) Хиро; 3) Супер Беймакс. 

У Беймакса и Супер Беймакса есть специально подготовленные костюмы во вкладке "Костюмы". С помощью смены костюмов мы будем достигать эффект иллюзии и движения. Так же для каждого объекта мы подготовили разные звуки (во вкладке "Звуки"), которые оживят анимацию.

1) Хотелось бы напомнить, что все команды в Scratch разделяются по назначению и цветам. Поэтому при поиске необходимой команды можно ориентироваться на цвет. К примеру, команда  сменить костюм фиолетового цвета находится в блоках внешность и помечена фиолетовой полоской.

2) Зелёный Флажок запускает программу.
3) Каждому объекту отдельно прописываются свои инструкции или блоки кода. Например, работая с объектом Беймакс, ему пишется свой блок кода, а для объекта Хиро – свой. Объект выбирается в поле "Спрайты".
4) В некоторых командах можно выбирать определённые элементы из списка существующих при помощи нажатия на маленький треугольник:

Итак, давайте начнем анимацию в программе Scratch. 

1. При нажатии на "Зелёный Флажок" Беймакс находится в исходной позиции – в красном кейсе – и это костюм #1. Мы его "показываем".
2. Для того, чтобы Беймакс надулся, нам нужно прокрутить костюмы, начиная со 2-го до 18-го (посмотрите во вкладке "Костюмы"). Это тоже самое, что и смена кадров. В Scratch сделать это легко. Необходимо использовать команду "Повторить" из блоков "Управление". Идея в том, что мы 17 раз хотим поменять на "следующий костюм" (блоки "Внешность") с паузой между сменой в 0.2 секунды (блок "Управление"). Таким образом, мы создаём последовательный эффект движения. Добавьте "играть звук надувается" и протестируйте, нажав зелёный флаг.
3. С помощью команды в блоках "Сенсоры" можно задать вопрос, на который нужно будет ответить и нажать на галочку. Компьютер запомнит ответ в команде "ответ" (блок "Сенсоры"). И когда соедините команды "говорить в течение 1 сек" и "ответ", Беймакс скажет имя, которое было введено. Не здорово ли это?! Протестируйте!
4. Далее говорим: "Привет!". Применяем звук "машет" и используем остальные костюмы с 19-го по 29-й, чтобы дополнить эффект приветствия. Итак, тестируем с помощью флага, что в итоге получилось.
5. Далее по сценарию должен появиться Хиро и позвать Беймакса спасать мир.
Внимание! Помним, что мы программисты. Мы прописывали команды для Беймакса, и для того, чтобы перейти на Хиро, нам надо "подать сигнал" или "передать сообщение" от одного элемента другому. Это делается при помощи команды "передать message 1" (блок "События"). Нажмём на стрелочку справа и выберем "новое сообщение". Назовём его "Хиро".

1. Перейдя на объект "Хиро", действия Хиро будут начинаться с команды в виде шапки "когда я получу Хиро" (то есть, когда я получу сигнал). По сценарию Хиро просто "покажется" ("Внешность"), скажет что-нибудь и "спрячется" ("Внешность").
2. Обратите внимание, здесь есть ещё один блок, который начинается с шапки "Когда щелкнут по флажку". Этот блок команд нужен, чтобы мы изначально спрятали Хиро (потому что его нет в самом начале анимации). "Перейти в Х и У" – это мы задаём его начальное местоположение (блок "Движение").
3. А давайте запишем послание Хиро своим голосом?!

Идём во вкладку "Звуки", нажимаем на .

Круг – нажать для начала записи, квадрат – стоп, треугольник – проигрывает запись.

Отлично! Я записываю: "Беймакс! Пора спасать мир!"

1. Теперь по сценарию Беймакс надевает свой суперкостюм и улетает. Мы просто меняем костюмы под щелчок, увеличивая эффект звуком "snap" из библиотеки звуков Scratch.
2. Улетаем с помощью команды "плыть 1 секунду в точку". Задаем X и Y, чтобы указать точку, куда должен направляться Супер Беймакс. Не забудьте добавить команду "спрятаться", чтобы Беймакс окончательно улетел.
3. Внимание, у Супер Беймакса есть еще два блока команд:

• Начинается с шапки "когда щелкнут по флагу". Нужен, чтобы мы изначально спрятали Супер Беймакса (потому что его нет в самом начале анимации). "Перейти в Х и У" – это мы задаём его начальное местоположение (блок "Движение").
• Начинается с шапки "когда я получу "Супер Беймакс". Этот отдельный код активизирует звук взлёта Супер Беймакса. С помощью "ждать 2 секунд" регулируется начало звука.

Сохраняем свой проект на компьютере или щелкаем ремикс, чтобы сохранить его онлайн. Во втором случае нужно будет пройти регистрацию.

Готово! Вы можете менять сюжет, добавлять героев и детали, менять звуки, придумывать продолжение.

Вы попробовали себя в роли аниматора! Добро пожаловать в мир кодинга!