Scratch уроки: открытка на скретч

Приблизительное время чтения: 12 минут

Scratch программирование — это визуальная среда, основанная на блочном кодировании. Программа составляется из графических блоков, представляющих собой команды, функции и переменные. Эти блоки соединяются друг с другом, образуя последовательность действий. И сегодня мы с вами на примере Scratch урока посмотрим, как же работают блоки.

Статья подготовлена детской школой программирования PIXEL, приятного чтения!

Логика программы и язык

Прежде, чем приступить к практическому уроку программирования для детей, кратко расскажем, как технически работает Scratch.

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

Сам язык ориентирован на обучение основам визуального программирования и позволяет создавать интерактивные мультимедийные приложения. 

Создаем открытку с анимацией: Scratch программирование для детей

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

Графический редактор в скретч для детей

Рисуем открытку: Scratch 3.0 уроки для начинающих

Сначала создадим саму открытку. При нажатии кнопки, она будет раскрываться. В редакторе фонов, используя инструмент «Прямоугольник», создаем первый костюм — прямоугольник нужного цвета без заливки. Размещаем его справа. Дублируем костюм и, скопировав прямоугольник, располагаем его слева, совмещая левые края обоих. Теперь, покадрово анимируем раскрытие: инструментом «Изменение точек» изгибаем правый прямоугольник влево, осветляя его цвет (для эффекта глубины). 

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

Внутренняя сторона открытки и проектирование костюмов в среде программирования для детей Scratch

Чтобы обозначить внутреннюю сторону открытки, создадим переплет. Копируем правый прямоугольник, уменьшаем его ширину до толщины линии, меняем цвет на темно-голубой и размещаем на нужном месте. Затем, продолжая копировать костюмы, анимируем раскрытие левой стороны открытки, постепенно смещая ее левую грань. Создадим три-четыре таких костюма, завершив анимацию полностью раскрытой открыткой. В итоге, у нас будет 12 костюмов, отображающих постепенное раскрытие открытки. Теперь перейдем к визуальному программированию.

Детское программирование на Scratch: пишем код

Фон для открытки в среде программирования на Скретч 3

Для фона будет использоваться следующий скрипт: при нажатии зеленого флажка, фон меняется на Фон1. 

В качестве спрайта, который будет взаимодействовать с пользователем, был выбран мультяшный персонаж «Ди». Для удобства работы, пять имеющихся костюмов спрайта были пронумерованы последовательно от 1 до 5. 

Скрипт для спрайта «Ди» включает следующие действия: при нажатии зеленого флажка спрайт отображается на сцене в координатах (65, -13), что соответствует расположению на обложке открытки, после чего костюм спрайта меняется на костюм с номером 1.

Алгоритм для кнопки действия

Для функции раскрытия открытки надо создать спрайт в виде кнопки — триггер. Его можно выбрать из галереи спрайтов. Размер кнопки будет изменен до 20. Кнопка будет размещена в углу обложки открытки. 

Скрипт для этой кнопки включает в себя следующие действия: при нажатии зеленого флажка, кнопка переместится в координаты (125, -109) и станет видимой. При нажатии на кнопку, она исчезнет и отправит сообщение другим элементам проекта.

Циклы для фона: основы программирования на Скретч

Обратимся снова к скрипту фона (открытки). При получении сообщения «1», используется блок «повторять 11 раз». Внутри этого блока располагается команда «переключить фон» с задержкой в 0,5 секунды. Данный цикл, учитывая уже отображаемый первый костюм, обеспечивает плавное раскрытие открытки, состоящей из 12 костюмов. Не забудьте проверить, что код показывает корректную работу анимации.

Учим детей программированию в Скретч. Оставьте заявку и получите бесплатный урок в подарок!

Творчество на Scratch уроке: смена костюмов открытки

Вернемся к скрипту для спрайта кнопки. После задержки в 0,5 секунды, костюм меняется на костюм 2. Затем произносится фразу «Привет» в течение 2 секунд, после чего следует пауза в 1 секунду, после которой костюм меняется на костюм 3. Далее Ди задает вопрос: «Что это за кнопка?» (с отображением на экране в течение 0,5 секунд), после чего костюм меняется на костюм 4. При запуске проекта, после нажатия кнопки и раскрытия открытки, он должен переместиться в левую ее часть.

Как спрятать кнопку: Scratch урок для начинающих на русском языке

Во втором скрипте при получении сообщения «1» (сигнал о нажатии кнопки), спрайт скрывается, ждет 2 секунды, появляется в координатах (-60, -40), меняет костюм на костюм 5 и произносит фразу «Сюрприз!» в течение 2 секунд, после чего снова скрывается. Исправление задержки с 1 секунды до 2 секунд нужно для обеспечения корректной синхронизации. 

Наполняем интерактивную открытку

Далее оформим внутреннюю часть открытки. Для этого используется спрайт балерины из коллекции спрайтов. Скрипт для спрайта балерины включает следующие действия: при нажатии зеленого флажка спрайт скрывается. При переключении фона на Фон 12 (последний фон), спрайт становится видимым, проигрывается звук «birthday» (выбранный из библиотеки звуков), и костюм спрайта меняется на костюм номер 1. Затем запускается бесконечный цикл: ожидание 0,5 секунды и переключение на следующий костюм. Для обеспечения стабильного положения, координаты спрайта балерины установлены на (74, -48).

Завершаем визуальный кодинг: добавление надписи

В завершении добавим поздравительную надпись «С днем рождения!». Для этого создается новый спрайт с текстовым поздравлением, дублированным три раза для создания эффекта. 

Скрипт для этого спрайта изначально содержал команду «спрятаться» при нажатии зеленого флажка и «показаться» при получении сообщения «1». Если вдруг вы обнаружите, что надпись появляется раньше раскрытия открытки, событие «получение сообщения 1» замените на «смена фона на Фон 12». Так у вас все будет работать корректно. 

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

Что позволяет создавать детям среда программирования Scratch?

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

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

·        Игры разной сложности и жанров. Например, это может быть простая аркада, где нужно управлять персонажем, собирая предметы и избегая препятствий. Сделать также можно платформер, лабиринт или упрощенную версию классических игр, таких как «Тетрис» или «Пакман». Также в Скретче дети охотно создают аналоги любимых известных игр. Например, песочницу в стиле Minecraft.

·        Анимация. Наглядный пример мы разобрали с вами в сегодняшнем Scratch уроке. Дети могут создать анимацию с движущимися персонажами и меняющимися фоном. Помимо открытки, это может быть мультфильм с рассказом.

·        Музыкальное приложение. В Scratch есть блоки команд, отвечающие за музыку и звуковые эффекты. Это позволяет создавать музыкальные композиции, использовать виртуальные инструменты и управлять звуками с помощью скриптов.

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

Эти примеры демонстрируют, насколько разнообразны и интересны проекты, которые могут создавать дети в среде Scratch. Ограничением служит лишь фантазия ребенка.

Польза обучения в среде программирования для детей Scratch

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

• Развивают алгоритмическое мышление: дети учатся структурировать свои мысли, деля сложные задачи на простые.
• Стимулируют креативность и инновационное мышление: скретч дает богатые возможности для реализации самых смелых детских идей, позволяя им воплощать свою фантазию в интерактивные цифровые проекты.
• Повышают цифровую грамотность: здесь дети получают компьютерное развитие и практический опыт работы с компьютером, осваивают базовые принципы программирования и информационной безопасности.
• Формируют навыки совместной работы: общая работа над проектами учит детей сотрудничать, общаться и распределять обязанности в команде.
• Укрепляют уверенность в себе: успех в создании собственных игр и анимаций повышает самооценку и вселяет веру в способности к обучению и творчеству.
• Закладывают основы программирования: Scratch ненавязчиво, в игровой форме знакомит школьников с фундаментальными концепциями программирования, такими как переменные, циклы, логические операторы и функции, делая обучение программированию интересным и доступным.

Так что польза такого образования очевидна. Скретч доказывает, что начать заниматься кодингом может любой желающий, даже если у него нет базовых ИТ-навыков. Сделать это можно самостоятельно: существуют, например, программы Scratch для подростков бесплатного формата, а также мини-уроки по Scratch Junior для самых юных ребят.

Но если есть цель, чтобы ребенок освоил визуальный кодинг в полной мере, чтобы в дальнейшем перейти к более продвинутым и сложным языкам программирования, советуем обратиться к ИТ-курсам.

Курс Scratch программирования для школьников

Онлайн-школа программирования для детей PIXEL приглашает школьников 8-12 лет на курс анимации и разработки игр в Scratch. Программа курса позволит юным программистам познакомиться с возможностями Scratch и узнать, какие увлекательные игры можно создать с помощью этой платформы.

Обучение в PIXEL лицензировано и подтверждено всеми необходимыми документами. Преподавательский состав школы состоит из более чем 100 опытных специалистов.

Ссылка: https://pixel.study/scratch 

Школа предлагает различные форматы обучения: групповые и индивидуальные занятия, видеокурсы и онлайн-лагеря. Это обеспечивает доступность и удобство изучения IT-технологий для школьников, независимо от времени и местоположения.

Программа обучения состоит из трех блоков. Первый блок представляет собой введение в среду программирования Scratch, включая изучение переменных, добавления звуков и анимации, работа с координатной сеткой. Завершается блок созданием простой игры.

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

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

Программа завершается разработкой и презентацией итогового проекта и выдачей именного сертификата каждому участнику.

Для новых клиентов предоставляется скидка 10% на абонементы от 12 занятий, а также возможность оплаты в рассрочку (50/50). Первый ознакомительный урок можно посетить бесплатно.

Учащиеся получают баллы за выполнение заданий, которые можно обменять на поощрительные призы (например, подписку Яндекс Плюс или дополнительные занятия).

Такой курс по Scratch может стать дополнительным занятием, способствующим развитию интереса к программированию и IT-технологиям.

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

256