Создание анимации в Scratch
Для некоторых пользователей создание анимации в Scratch может быть немного сложным, если они не знакомы с программированием и использованием блочного языка. Однако Scratch предназначен для облегчения создания анимации и программирования в целом и имеет для этого множество ресурсов и инструментов.
Широкий выбор готовых блоков, доступный в Scratch, делает создание анимации проще, поскольку он не требует написания кода с нуля. Кроме того, Scratch предоставляет примеры проектов, которые можно использовать в качестве отправной точки для создания своих собственных анимаций.
В целом, если вы новичок в программировании, некоторое время может быть необходимо, чтобы овладеть основами и начать создавать анимации. Однако, Scratch является достаточно простым средством, чтобы даже дети могли использовать его в своих творческих проектах.
Предлагаем создать анимацию в скретч, используя нашу инструкцию.
Инструкция по созданию анимации в Scratch
1. Откройте проект в Scratch и создайте новый спрайт, который будет использоваться в качестве объекта анимации.
2. Добавьте спрайт на сцену и выберите его.
3. Нажмите на кнопку «Костюмы» и создайте несколько дополнительных костюмов для спрайта, чтобы сделать его анимированным.
4. Используйте блоки движения и изменения костюма, чтобы анимировать спрайт. Вы можете использовать блоки из синих команд «ДВИЖЕНИЕ» и фиолетовых «ВНЕШНИЙ ВИД»: «повернуться в направлении», «перейти в Х , У», «изменить размер», «изменить костюм» и «изменить Х», «изменить У», чтобы создать анимацию.
5. Используйте блоки управления, такие как «повторять всегда» или «повторять 10 раз», чтобы создавать анимацию, которая продолжается на протяжении нескольких шагов.
6. Добавьте звуковые эффекты, чтобы сделать анимацию еще более интересной. Вы можете использовать блок «играть звук», чтобы проигрывать звуковые эффекты в разных местах анимации.
7. Сохраните анимацию и запустите ее, нажав на зеленый флажок в верхнем левом углу над сценой, чтобы посмотреть, как она выглядит. Если нужно, внесите изменения и повторите процесс, пока не получится идеальный результат.
8. Придумайте название проекта. Поделитесь своей анимацией с другими, нажав на кнопку «Поделиться» и отправив ее на Scratch-сайт. Снова запустите проект и наслаждайтесь созданной анимацией.
Пример кода анимации «Запуск ракеты» с использованием блоков Scratch:
9. Можно сохранить проект на компьютер. Для этого откройте вкладку «файл» и нажмите «Сохранить на свой компьютер».
10. Можете поделиться своим проектом с другом. Скопируйте ссылку в браузере и отправьте ее по электронной почте или в социальной сети.
11. Запишитесь на бесплатное пробное занятие в онлайн-школе ProgKids и наши опытные преподаватели научат вашего ребенка создавать более сложные анимации.
Наталья Гуськова
Урок 1. Моя первая анимация (мультфильм)
Первый урок состоит из двух основных частей, в каждой из которых создаются небольшие мультфильмы. Читай внимательно поясняющий текст, смотри видео (их здесь несколько) и повторяй за учителем, выполняй задания и закрепляй пройденное. Успехов!
Замечание: с января 2019 года на сайте Scratch доступна новая версия редактора — Scratch 3.0, который внешне немного отличается от Scratch 2.0, в котором записывался данный урок. Поэтому если возникнут вопросы, пиши их, пожалуйста, в комментариях к видео или внизу этой страницы сайта. Мы провели сравнение двух версий языка в серии прямых эфиров.
Scratch 2.0 по-прежнему можно использовать, скачав и установив программу на свой компьютер. Мы записали также видео-уроки о том, как установить Scratch 2.0 и Scratch 3.0 на свой компьютер.
Часть 1. Оживим кота Scratch
В этой части урока мы оживим Кота Scratch и заставим его ходить по сцене. Чтобы узнать подробности или повторить пройденное после урока, можно нажать на кнопку «Показать» под этим видео.
0:15 — как зайти на сайт Scratch, чтобы начать программировать
0:42 — как сделать отображение информации на сайте Scratch по-русски
1:18 — нажимаем на кнопку Создавай для начала работы в Scratch
1:41 — рассматриваем среду программирования Scratch: что где находится и как называется
1:47 — сцена
1:56 — персонаж в Scratch называется спрайтом
2:15 — команды и область скриптов для написания программ и создания мультфильма (анимации)
2:58 — область справки Scratch для самостоятельного изучения и пошагового создания примеров анимации и игр
3:22 — приступаем к написанию скрипта в Scratch, проверяя работу команд и перетаскивая их в область скриптов
3:35 — команда Идти 10 шагов
3:52 — команда Когда щёлкнут по зелёному флажку
4:00 — учимся собирать скрипт, приклеивая блоки команд друг к другу, как в конструкторе Лего
4:15 — проверяем выполнение команды Когда щёлкнут по флажку
4:18 — добавляем команду Всегда из группы Управление
5:00 — проверяем работу команды Всегда
5:32 — добавляем команду Если на краю, оттолкнуться
6:11 — делаем настройку стиля вращения спрайта так, чтобы он не переворачивался с ног на голову
6:36 — гимнастика для глаз
7:14 — задание: создать свою первую анимацию
7:37 — подсказка с готовым скриптом.
Теперь ты знаешь:
- что такое спрайт?
- зачем нужна сцена?
- что такое скрипт и где его писать?
- как запустить и остановить анимацию?
- команды (блоки) языка Scratch 2.0:
- Идти 10 шагов
- Когда щёлкнут по зелёному флажку
- Всегда
- Если на краю, оттолкнуться
- имя
- стиль вращения
После первой части урока подготовлены три маленьких видео, с помощью которых ты научишься:
- сохранять созданный мультфильм (анимацию) Scratch в файл (чтобы потом её можно было кому-нибудь показать или сделать ещё лучше),
- создавать новый проект для новой анимации или игры и
- открывать ранее сохранённый.
Эти маленькие уроки можно будет смотреть и позже, если что-нибудь понадобится вспомнить.
Как сохранить анимацию в файл
Итак, мы изучили несколько важных понятий, которые необходимо знать каждому IT-специалисту и программисту:
- что такое файлы и папки,
- для чего и как они используются на компьютере,
- как сохранять анимацию и любые другие проекты Scratch в файл,
- у любого файла есть имя и место (папка) на диске компьютера. Это похоже на человека, у которого тоже есть имя и адрес, где он живёт ��
Закрепим.
Когда мы работаем с проектом на сайте Scratch, чтобы сохранить свой мультфильм на компьютере, необходимо использовать пункт меню Файл — Скачать на свой компьютер.
Если же мы работаем с оффлайн-редактором, то используется также пункт меню Файл, но выбирается подпункт Сохранить или Сохранить как… (в случае если мы хотим сохранить свой проект в файле с другим именем). Подробнее сохранение проекта в оффлайн-редакторе Scratch смотри в 1-й части урока 3 (11:21 мин).
Аналогичным образом сохраняются файлы в любых других программах на компьютере: картинки, тексты, видео и другие. Практически в любой программе есть пункт меню Файл и подпункт Сохранить. По-английски эти пункты меню пишутся так: File, Save.
После того как файл сохранён, можно создать новый мультфильм (проект Scratch). Смотри следующее видео и учись!
Как создать новую анимацию в Scratch
Почти во всех программах новые проекты создаются аналогично. Пункт меню Файл всегда содержит подпункт Новый (по-английски New).
Как открыть сохраненную анимацию Scratch
Закрепим.
Чтобы продолжить работу с ранее созданной анимацией или игрой, которую мы сохранили в файл, необходимо использовать пункт меню
Файл — Загрузить с компьютера.Так мы делаем в случае, если используем редактор Scratch на сайте.
Если используется оффлайн-редактор, то нам потребуется пункт меню
Файл — Открыть.
Именно так открываются файлы в любых других редакторах на компьютере. Это стандарт.Поздравляю! Теперь ты знаешь намного больше, чем просто создание мультфильмов в Scratch!
Часть 2. Танцующая балерина
А сейчас мы сделаем балерину, которая станцует для нас ;).
0:14 — определение анимации. Сценарий. Алгоритм. Анимация
3:14 — думаем о сценарии анимации
4:02 — добавляем новый спрайт (нового персонажа анимации)
4:23 — пишем скрипт, чтобы балерина танцевала. Блоки-команды «Когда щёлкнут по зелёному флажку», «Всегда», «Следующий костюм», «Ждать 0.3 секунды»
5:12 — физкультминутка: встань и потанцуй немного вместе с балериной
5:40 — выполни задание: добавь нового персонажа (спрайт) из библиотеки Scratch и напиши для него скрипт
6:15 — что будет в следующем уроке: мы научимся писать сценарий анимации и создавать на его основе анимацию
6:30 — подсказка: скрипт, оживляющий танцовщицуНу как, тебе нравится твоя первая анимация? ��
Поздравляем! Ты знаешь ещё несколько новых блоков-команд Scratch:
- Следующий костюм
- Ждать … секунд
Теперь можешь поэкспериментировать с блоками и сделать свою анимацию самостоятельно.
В Scratch 2.0 ты можешь сделать из своего мультфильма видео-файл! С января 2019 года на официальном сайте scratch.mit.edu доступна новая версия Scratch 3.0. Поэтому Scratch 2.0 теперь можно лишь скачать и установить в виде оффлайн-редактора.
Несколько способов создания красивой анимации спрайта в Scratch
Александр Леонидович Зубрицкий, учитель информатики и музыки из агрогородка Ломаши делится своим опытом создания красивой анимации спрайтов на основе файла формата .gif или даже из видео-записей мультфильмов.
1. Создаём анимацию спрайта из гифки
Многие школьники знают и любят так называемые «гифки» (.gif-файлы, кликните по картинке слева и посмотрите). Особенно полезны гифки для тех, кто не очень умеет красиво рисовать. Важно только не забывать, что нельзя нарушать авторские права. Поэтому при использовании любых изображений, взятых из сети Интернет, надо убедиться, что их можно использовать, и обязательно сослаться на источник. Например, эту танцовщицу мы нашли с помощью поиска Google на сайте fi.pinterest.com.
В Scratch можно вставлять их в проект и получать набор костюмов спрайта, которые в некоторых случаях необходимо немного подредактировать, чтобы убрать лишние элементы фона и окружения. Александр Леонидович показывает, как это можно сделать быстро и аккуратно с использованием инструментов заливки и выделения редактора костюмов.
Но что если у нас нет гифки, а хочется сделать свою анимацию с персонажами из любимых мультфильмов? Можно попробовать поработать с видео-файлом! Но в этом случае ещё более важно соблюдать авторские права и делать ссылки на источники видео, использовать либо бесплатные, либо лицензированные программы.
2. Создаём анимацию на основе видео
В следующем уроке Александр Леонидович делает ещё более интересную анимацию.
В следующем уроке берём аудио-трек из любимого мультфильма и добавляем в свою анимацию Scratch.
Уроки созданы в рамках конкурса для учителей «Моя Scratch-история-2020» в номинации «Опыт мастера». Александр Леонидович Зубрицкий — финалист конкурса и докладчик конференции «Scratch conference Belarus 2020».
Программирование в Scratch. Базовый курс
Трудно представить компьютерный проект без элементов анимации. Анимация (от латинского «anima» — душа) — это оживление изображений быстрой сменой неподвижных картинок. Это своеобразная имитация движения или изменения формы и отдельных свойств объекта. Основой алгоритма анимации чаще всего является повтор (цикл) нескольких действий. Можно сделать разные варианты алгоритма анимации в зависимости от задачи автора.
Категория Движение представлена командными блоками, направленными на перемещение в различных направлениях, поворотами, изменениями координат спрайта и другими командами. Прежде, чем приступать к созданию проекта, просмотрите командные блоки данной категории.
Рассмотрим разные виды движения спрайта.
Пример 1. Движение спрайта по прямой.- щелкните по Коту;
- нажмите пробел.
Рассмотрим сценарий на русском языке и языке Scratch
Сценарий на русском языке
Сценарий на СкретчеПопробуйте выполнять операции нажатия на спрайт и пробел в любой очередности и любое количество раз. .
Почему иногда Кот прячется?
Измените код проекта, вставив команду «если на краю, оттолкнуться». Понаблюдайте за изменениями. Добавьте стиль вращения.Откройте информацию о спрайте и просмотрите свойства. Попробуйте их поменять.
Запускайте проект и наблюдайте за изменениями.
Пример 2. Движение спрайта по сложной траектории. Или как Кот превратился в Тигра
Сценарий на русском языке
Сценарий на Скретче
Пример 3. Динозавр на отдыхе. Анимация с поворотом объекта.
Перейдите по ссылке https://scratch.mit.edu/projects/123792130/
Внимательно рассмотрите код проекта.Сценарий на русском языке
Сценарий на Скретче
Когда игрок запускает проект, начинает играть музыкаДинозавр, находящийся в начальной точке и заданном положении (мордой направо) 1 секунду думает, что гуляет по воде. Затем перемещается направо по прямой в новую точку. Поворачивается и плывет наверх.
В верхней точке он сообщает, что летает по небу. Поворачивается головой вниз и начинает движение по траектории влево-вниз. Достигнув нижней точки, разворачивается и меняет цвет. Все повторяется 10 раз, но на измененном фоне.
В конце игры музыка останавливается.
Теперь попробуйте самостоятельно придумать проект с анимацией. Для этого собирайте цепочки блоков и проводите испытания.
Обратите внимание на то, как соединяются между собой команды: как блоки в конструкторе Лего. В каких-то случаях это может служить своего рода подсказкой. Какие-то команды можно соединять между собой, а какие-то не соединяются, и, значит, мы составляем не очень правильную программу.
В самом начале программирования используйте не только возможность просмотра проекта опытного скретчера, но и научитесь делать проекты-ремиксы. На первых порах они Вам очень помогут разобраться с тонкостями создания кодов.
О том как создаются ремиксы, и что с ними можно делать посмотрите в видеоролике нашего коллеги учителя информатики СШ № 37 города Гродно Муриной О.Б.
При изучении проектов Вы уже заметили, что необходимые пояснения можно вставлять в поле скриптов. Для этого необходимо сделать правый клик мышью и добавить комментарий.
Примечание: В ходе работы с проектом вставлялся звук и фон.
Командный блок для смены фона находится в категории Внешность, а звуковое сопровождение в категории Звук. Звук можно выбрать из библиотеки, записать с помощью микрофона, найти файл на компьютере.
Анимация костюма.
У спрайта Кот есть 2 костюма.
Быстрой сменой костюмов можно анимировать движение спрайта. Чем больше костюмов, изображающих моменты движения, тем реалистичнее будет анимация.
Проект со сменой костюма может выглядеть следующим образом:
Если костюмов только два, то достаточно вставить блоки
Для усиления зрелищности можно добавить графический эффект из категории внешность, например, «завихрение» как подобие вдоха и выдоха спрайта. В жизни размер удаляющегося от нас объекта кажется все меньше и меньше. В Скретче с каждым шагом мы тоже можем уменьшать размер спрайта вплоть до 0%.
В анимационные проекты можно вставлять звуковое сопровождение. Добавить звук в проект можно на вкладке Звуки, выбрав звук из библиотеки, загрузив его из файла на компьютере или записав с помощью микрофона: