Файл: 1. Знакомство со средой программирования Scratch.pdf

1. Знакомство
со средой программирования Scratch
Среда программирования Scratch разработана сотрудниками Массачусетского технологического университета и свободно распространяется. Её можно скачать с сайта разработчиков и установить на свой компьютер или пользоваться онлайн, не скачивая.
В среде Scratch ребята более чем из 150 стран мира придумывают свои про- екты, разрабатывают игры, реализуют свои творческие задумки. Программная среда Scratch переведена на многие иностранные языки, включая русский.
Широкое распространение получили такие версии среды, как Scratch 1.4 и
Scratch 2.0; в последнее время начала использоваться новая версия Scratch 3.0.
На страницах этого практикума мы будем детально рассматривать версию
Scratch 2.0.
Если вы скачали Scratch 2.0 и видите надписи на иностранном языке, то это легко исправить. Нужно щёлкнуть левой кнопкой мыши по значку глобуса, расположенному справа от названия Scratch, и в выпадающем списке выбрать русский язык:

1. Знакомство со средой программирования Scratch
4
Внешний вид среды Scratch
Рассмотрим окно среды программирования Scratch 2.0:
Окно можно условно разделить на пять областей:
1 — область выполняемых действий;
2 — область исполнителей;
3 — область командных блоков;
4 — область команд;
5 — рабочая область программ.
Кроме основных областей есть ещё главное меню, два выпадающих меню, вкладки в центре окна и рюкзак.
Область выполняемых действий находится в левой части окна. Её основную часть занимает сцена — белая часть экрана.
Сразу под сценой расположена область используемых исполнителей —
спрайтов и сцены.

1. Знакомство со средой программирования Scratch
5
Спрайты — это изображения всевозможных объектов на сцене, управление которыми осу- ществляется с помощью скриптов — программ, составленных из команд. Спрайты могут переме- щаться по сцене, изменять свой внешний вид, издавать звуки и т. д.
Все действия со спрайтами происходят на
сцене. Но в некоторых случаях сцена может ве- сти себя, как спрайт.
В центральной части окна программной сре- ды находятся командные блоки. В Scratch 2.0 их десять:
В каждом командном блоке содержатся ко- манды, сгруппированные по функциональному назначению. О нём легко можно догадаться по названию командного блока. Например, в ко- мандном блоке Движение собраны команды, с помощью которых выбранный исполнитель смо- жет двигаться — перемещаться по экрану. В ко- мандном блоке Внешность находятся команды, с помощью которых можно изменить внешний вид исполнителя и т. д. (рисунок справа).
Каждый раз, когда вам будет нужна какая-то команда для управления исполнителем, задайте себе вопрос: для чего именно нужна эта коман- да? Ключевое слово в ответе на вопрос будет соот- ветствовать названию нужного командного блока.
Смело щёлкайте по нему левой кнопкой мыши.
Когда вы выбираете командный блок, в об- ласти под ним появляются содержащиеся в бло- ке команды. Обратите внимание: все команды одного блока окрашены в тот же цвет, что и ко- решок у названия командного блока. Это сделано для того, чтобы вам было легче определять на- значение команд по их цвету.
В правой части окна среды программирова- ния Scratch 2.0 находится рабочая область про-
грамм. Это то самое место, где мы будем соби- рать из команд программы (скрипты). Чтобы собрать программу, нужно просто перетащить

1. Знакомство со средой программирования Scratch
6
одну за другой команды из тех или иных командных блоков в рабочую область программ и соединить их друг с другом в определённой последовательности, подобно тому, как соединяются детали в конструкторе Lego.
Рабочая область может выглядеть по-разному. Это зависит от того исполни- теля (спрайта или сцены), с которым вы работаете, и выбранной для него вклад-
ки над областью командных блоков.
Для спрайтов доступны вкладки:
При выборе сцены доступны вкладки:
Выберите исполнителя — сцену. На вкладке Скрипты выберите командный блок Движение. Сравните его по количеству команд с таким же блоком для ис- полнителя — спрайта. Проведите аналогичное сравнение других командных бло- ков для спрайта и сцены.
Программу нужно не только собрать, но и запустить на выполнение. Пред- ставьте себе эстафету бегунов, когда все спортсмены знают, куда им нужно бе- жать, но не начинают бег. Они приняли положение «на старт» и ждут, когда судья взмахнет флажком — этот момент будет означать начало забега, и бегу- ны начнут выполнение своей программы, например побегут стометровку. Очень похожая ситуация и с нашими исполнителями. Чтобы запустить программу на исполнение, будем щёлкать по зелёному флажку в верхней части области дейст- вий; щелчок по красной кнопке останавливает выполнение программы:
Позднее мы рассмотрим и другие способы запуска программ, создаваемых в среде программирования Scratch.
Мы рассмотрели основные области программной среды Scratch 2.0 и их на- значение. Теперь вы готовы к тому, чтобы приступить к созданию своих первых программ (проектов).
Каждую программу мы будем создавать для решения некоторой задачи.
Программа состоит из команд. В программной среде Scratch достаточно мно- го команд. Познакомиться сразу со всеми командами затруднительно, поэтому узнавать их мы будем постепенно.
Каждый раз мы будем решать задачи с использованием тех команд, с кото- рыми уже познакомились. А когда мы будем узнавать другие команды, постара- емся не только использовать их при решении новых задач, но и придумывать на основе этих команд новые способы решения ранее рассмотренных задач.
Действуйте по плану, исследуя новые возможности
Посмотрите видеоурок «Знакомство со средой программирования
Scratch»: https://youtu.be/vd20J2r5wUQ. В нём используется вер- сия Scratch 1.4. Обратите внимание на общее и отличия в средах
Scratch 1.4 и Scratch 2.0.

1. Знакомство со средой программирования Scratch
7
Анимация. Первые шаги
Создадим анимацию «Рыбка плывёт».
1. Создайте героя анимации — рыбку. Для этого удалите спрайт с изображе- нием кота.
Выберите из библиотеки спрайтов (категория Животные) новый спрайт в виде рыбки.

1. Знакомство со средой программирования Scratch
8
2. Установите фоновый рисунок. Для этого в области исполнителей щёлкните по значку Сцена, затем щёлкните по пиктограмме Выбрать фон из библио­
теки, найдите в библиотеке и установите подходящий фон (кнопка ОК в нижней части экрана).
3. Проследите за изменениями в окне среды программирования. Попытайтесь самостоятельно переименовать добавленный фоновый рисунок и удалить белый фон 1.
4. Для исполнителя Рыбка в рабочей области соберите программу:

1. Знакомство со средой программирования Scratch
9
В программе использованы следующие команды:
Командный
блок
Команда
Назначение команды
События
Используется в начале программы.
Программа начинает выполняться, когда щёлкнут либо по самой этой команде, либо по зелёному флажку
Управление
Команда организации цикла.
Команды, находящиеся внутри команды всегда
, будут многократно повторяться, т. е. всегда
Управление
Команда ждать1секунд приостанавливает выполнение программы на 1 секунду. При необходимости значение 1 можно изменить
Движение
Перемещает исполнителя на 30 шагов в том направлении, куда смотрит исполнитель. По умолчанию он смотрит направо
Движение
Если исполнитель доходит до края, то он отталкивается и начинает смотреть в противоположную сторону
5. Запустите программу на выполнение:
. Понаблюдайте за тем, что проис- ходит в области выполняемых действий. Остановите программу:
6. Сохраните результат работы в файле под именем base_1
. Для этого введите имя в поле под глобусом.
Затем выполните команду Сохранить сейчас из меню Файл.
Программа base_1
— базовая программа этого занятия. На её основе вы сможете создавать другие интересные анимации.

1. Знакомство со средой программирования Scratch
10
Ответьте на вопросы
1. Что нужно изменить в базовой программе, чтобы рыбка перемещалась бы- стрее?
2. Для чего в базовой программе использована команда ждать1секунд
? Что произойдёт, если не использовать эту команду в программе?
3. Что изменится, если убрать из базовой программы команду еслинакраю, оттолкнуться
?
4. К какой категории библиотеки спрайтов относится изображение рыбки?
5. Какие действия нужно выполнить, чтобы в созданной анимации плавала другая рыбка, например такая?
Выполните задания
1. Лошадка. Создайте анимацию, в кото- рой лошадка скачет по пустыне. Ис- пользуйте для этого базовую програм- му перемещения рыбки.
Внесите в базовую программу соот- ветствующие изменения и добейтесь того, чтобы лошадка перемещалась реалистично.
Проанализируйте, какие ещё живот- ные из библиотеки спрайтов могут быть обитателями пустыни. Исполь- зуйте их.
2. Бабочка. Создайте анимацию полёта бабочки.
Среди изображений животных, пред- ставленных в библиотеке спрайтов, выберите другой спрайт, который можно было бы использовать вместо бабочки. Исследуйте библиотеку фо- нов. Какой ещё фон можно использо- вать для этой анимации?

1. Знакомство со средой программирования Scratch
11
3. Парусник. Создайте анимацию с плы- вущим парусником. Настройте анима- цию так, чтобы складывалось впечат- ление, что парусник плывёт по воде, перемещаясь справа налево.
4. Парусная регата. Создайте анима- цию, изображающую парусную регату.
Используйте анимацию «Парусник», дополнив её другими парусниками.
Обратите внимание на то, что одни парусники расположены ближе, а другие — дальше. Подумайте, как это влияет на размер изображения. Учти- те сделанные вами выводы при работе над анимацией.
5. Морские обитатели. Создайте ани- мацию с морскими обитателями. Ис- пользуйте анимацию «Рыбка плывёт», дополнив её изображениями других рыбок и морских обитателей. Поду- майте, какие ещё из изображений, представленных в библиотеке спрай- тов, могли бы стать персонажами этой анимации.
Обратите внимание на изменения в изображениях спрайтов. Попробуйте найти способ изменить внешний вид спрайта.

2. Спрайт, цвет и размер пера
12
6. Летучие мыши. Создайте анимацию с летучими мышами. Посмотрите на рисунок и постарайтесь догадаться, что в нём показано так, как не мо- жет быть. Внесите свои исправления в работу, чтобы она выглядела реали- стичной.
7. Гол! Создайте анимацию с забиванием гола. Подумайте, все ли команды из базовой программы необходимы для этой анимации. Почему?
Проведите эксперимент и ответьте на вопрос: без каких команд мож- но обойтись при создании анимации
«Гол!»?
2. Спрайт, цвет
и размер пера
В программной среде Scratch есть два типа исполнителей — спрайт и сце­
на. Изучим более подробно первый тип.
Спрайт подвижен, при движении он может оставлять за собой след. Этот след может быть разного цвета и разной толщины. Команды, с помощью кото- рых спрайт может оставлять след, находятся в зелёном командном блоке Перо.
Действуйте по плану, исследуя новые возможности
Будем использовать следующие команды:
Командный
блок
Команда
Назначение команды
Перо
Удаляет со сцены всё, что нарисовано пером
Перо
Устанавливает цвет пера. Для выбора цвета нужно сначала щёлкнуть по окошку выбора цвета, а затем — по объекту, имеющему нужный цвет

2. Спрайт, цвет и размер пера
13
Командный
блок
Команда
Назначение команды
Перо
Задаёт толщину пера
Перо
Включает режим рисования пером
Перо
Выключает режим рисования пером
События
Выполнение последующих действий начинается при нажатии на клавишу «пробел»
Управление
Останавливает работу всех программ
При включённом режиме рисования пером (перо опущено) после выпол- нения программ на сцене остаются следы-рисунки. Перед началом выполнения новой программы эти рисунки надо стирать. Для этого можно использовать команду очистить
. При рисовании пером удобно использовать две програм- мы: основную программу для решения поставленной задачи и дополнительную програм му — для очистки экрана. Первая программа может начинаться, когда щёлкнут по зелёному флажку, а вторая — когда нажата клавиша «пробел».
Посмотрите видеоурок «Исполнитель Scratch, цвет и размер пера»:
https://youtu.be/jSs9axeyBHs.
1. Соберите две программы по образцу:
Первая программа устанавливает цвет и размер пера для исполнителя и опускает перо, поэтому на экране остаётся отпечаток пера выбранного цвета и размера. Поскольку перо круглое, результат выполнения программы вы- глядит как нарисованный круг. Созданная нами программа позволяет изо- бразить на экране один круг установленного цвета и размера.

2. Спрайт, цвет и размер пера
14
2. Сохраните результат работы в файле под именем base_2
. Программа рисо- вания круга — базовая программа этого занятия.
3. Запустите первую программу на выполнение, щёлкнув по зелёному флажку или по «шапочке» программы — по команде когдащёлкнутпо
4. Запустите вторую программу на выполнение.
5. Измените цвет пера на синий и запустите первую программу повторно.
6. Очистите область рисования.
7. Изобразите самый большой красный круг, полностью помещающийся в области рисования (подсказка: установите размер пера 250).
Ответьте на вопросы
1. Вспомните цвета радуги. Как можно использовать базовую программу рисования круга для изображе- ния «радужных» кругов — кругов, расположенных один в другом и окрашенных в цвета радуги?
2. Решив изобразить радужные круги (см. вопрос 1),
Петя начал с самого большого красного круга и последовательно уменьшал размер пера, каждый раз изменяя его цвет. Маша сказала, что такой же результат можно получить, если начать с изобра- жения самого маленького фиолетового круга и по- следовательно увеличивать размер пера и его цвет.
Права ли Маша? Обоснуйте свою точку зрения.
Выполните задания
1. Светофор. На основе базовой программы рисова- ния круга создайте рисунок светофора.
Что можно сказать про размер используемого пера?
Какие дополнительные действия с исполнителем вам пришлось произвести для решения задачи?
С какими сложностями вы столкнулись и каким образом их преодолели?
2. Мишень. Используйте базовую программу рисова- ния круга для рисования круга так, чтобы полу- чить рисунок из синих кругов разных размеров — изображение мишени.
Чем отличается эта задача от рисования «радуж- ных» кругов?

3. Способы смены внешнего вида (костюма)
15
3. Олимпийские
кольца.
Придумайте, как можно использовать возможности пера и базовую программу рисования круга для изображения олимпийских колец.
Подсказка: подумайте, чем отличает- ся круг от кольца. Как сделать коль- ца одинакового размера?
4. Круги и кольца. Используйте базовую программу для воспроизведения ком- позиции из кругов и колец. В этой задаче особенно важно продумать пра- вильную последовательность рисова- ния кругов. Обратите внимание на то, что три кольца должны оказаться позади большого круга.
5. Птицы. Используйте базовую про- грамму для рисования голубых птиц.
Для изображения верхней части кры- ла птицы используйте размер пера
150, для нижней части крыла пти- цы — размер пера 250.
3. Способы смены внешнего вида
(костюма)
В программной среде Scratch внешность исполнителя (спрайта) можно из- менить, меняя его костюм. Для этого можно воспользоваться любым из четырёх способов:
а) выбрать костюм из библиотеки;
б) нарисовать новый костюм;