Теория:
Итак, у тебя установлен Scratch, и тебе знакомы его инструменты: библиотека Эффекты, библиотека Звуки, инструмент Перо. У тебя есть опыт работы в графическом редакторе не только со спрайтом, но и с библиотекой фонов.
Давай соединим эти умения в простой мультипликации, то есть применим свои умения для того, чтобы наш спрайт выполнял действия или выглядел как движущийся объект.
Для этого нам потребуются команды из блока движения и блока внешнего вида.
Давай соединим эти умения в простой мультипликации, то есть применим свои умения для того, чтобы наш спрайт выполнял действия или выглядел как движущийся объект.
Для этого нам потребуются команды из блока движения и блока внешнего вида.
Рассмотрим план практической работы по созданию простой мультипликации.
1. Создание костюма \(3\) и костюма \(4\) в графическом редакторе Scratch.
2. Создание фонов на основе фона Blue Sky. Фон Blue Sky\(2\), Blue Sky\(3\), Blue Sky\(4\), Blue Sky\(5\) в графическом редакторе Scratch.
3. Создание кода для движения спрайта со сменой костюмов.
4. Копирование кода со сменой фонов.
5. Запуск, тестирование и редактирование кода.
1. Создание костюма \(3\) и костюма \(4\) в графическом редакторе Scratch.
2. Создание фонов на основе фона Blue Sky. Фон Blue Sky\(2\), Blue Sky\(3\), Blue Sky\(4\), Blue Sky\(5\) в графическом редакторе Scratch.
3. Создание кода для движения спрайта со сменой костюмов.
4. Копирование кода со сменой фонов.
5. Запуск, тестирование и редактирование кода.
Для выполнения первого пункта нужно открыть вкладку Костюмы, она открывается при активном значке Спрайт.
Рис. \(1\). Вкладка Костюмы
Там мы увидим два готовых спрайта: котёнок шагает правой ногой — костюм \(1\), и котёнок согнул правую ногу в колене — костюм \(2\). На этой основе создадим ещё два костюма в графическом редакторе Scratch: костюм \(3\) — котёнок шагает левой ногой, костюм \(4\) — котёнок согнул левую ногу в колене. Синяя подсветка на изображениях показывает, какие изменения в костюм были внесены.
Рис. \(2\). Костюм \(2\)
Рис. \(3\). Костюм \(4\)
Для выполнения второго пункта плана нужно открыть вкладку Фоны. Она открывается при активном значке Сцена.
Рис. \(4\). Вкладка Фоны
Выберем в качестве фона Blue Sky из коллекции На открытом воздухе.
Фоны Blue Sky\(2\), Blue Sky\(3\), Blue Sky\(4\), Blue Sky\(5\) созданы инструментами графического редактора Scratch, инструментами прямоугольника, эллипса.
Рис. \(5\). Фоны
Для выполнения третьего пункта нужно открыть вкладку Код при активном значке Спрайт (иначе код запишется в нашем случае для фона, других действующих лиц у нас пока нет).
Котёнок будет двигаться на фоне Blue Sky по такому сценарию:
Котёнок будет двигаться на фоне Blue Sky по такому сценарию:
1. Установим костюм \(1\).
2. Установим первый фон.
3. Идти вперёд (шаги мы потом посчитаем).
4. Немножко ждать для плавности движения.
5. Менять костюм на костюм \(2\).
6. Снова идти и ждать.
7. Менять костюм на костюм \(3\).
8. Снова идти и ждать.
9. Менять костюм на костюм \(4\).
10. Снова идти и ждать.
Тщательно продумай все шаги анимации, вычисли количество шагов, которые нужно пройти вперёд так, чтобы со сменой последнего фона котёнок закончил свой путь по экрану.
Для справки: ширина экрана — \(480\) пикселей.
Для выполнения четвёртого пункта тщательно продуманные шаги анимации скопировать и продолжить код программы, изменив только имя фона на Blue Sky\(2\). Для завершения анимации копировать ещё для фона Blue Sky\(3\), Blue Sky\(4\), Blue Sky\(5\).
Для запуска созданной простой мультипликации нужно блоки поместить в блок управления «Когда нажат зелёный флажок» и установить начальное положение котёнка блоком Перейти в \(x\):<значение> \(y\):<значение>.
Посмотреть, как работает пример простой анимации, можно в файле. Проект_простая_мультипликация.sb3.
На рисунке ниже приведён пример кода для фона Blue Sky. Команды, выделенные красной рамочкой, повторяются для фонов Blue Sky\(2\), Blue Sky\(3\), Blue Sky\(4\), Blue Sky\(5\).
Рис. \(6\). Код
Видео \(1\). Проект «Простая анимация»
Источники:
Рис. 1. Вкладка Костюмы. © ЯКласс.
Рис. 2. Костюм 2. © ЯКласс.
Рис. 3. Костюм 4. © ЯКласс.
Рис. 4. Вкладка Фоны. © ЯКласс.
Рис. 5. Фоны. © ЯКласс.
Рис. 6. Код. © ЯКласс.
Видео 1. Проект «Простая анимация». © ЯКласс.