Голиков Д. В.
Scratch для юных программистов. — СПб.: БХВ-Петербург, 2017. — 192 с.: ил.
ISBN 978-5-9775-3739-1
Книга написана на основе опыта обучения программированию на языке
Scratch в кружке юных программистов и протестирована на сотне детей 7–12 лет.
Материал рассчитан на самостоятельное, без помощи взрослых, изучение Scratch
детьми, знакомыми с компьютером и умеющими пользоваться мышью, запускать
программы, считать, умножать и делить.
Рассказано, как скачать и установить Scratch, написать первую программу,
мультфильм и игру. Приведены примеры создания более сложных мультфильмов
и компьютерных игр. Дети научатся создавать и сохранять проекты, работать в
графическом редакторе, озвучивать фильмы, использовать логические операторы, циклы, условия, списки и другие элементы программирования. Попутно
они узнают про координатную плоскость, проценты, десятичные дроби, градусы и
другие математические понятия.
Для детей младшего и среднего школьного возраста
УДК 004.43-053.2
ББК 32.973.26-018.1
Группа подготовки издания:
Главный редактор
Зам. главного редактора
Зав. редакцией
Редактор
Корректор
Компьютерная верстка
и дизайн обложки
Екатерина Кондукова
Евгений Рыбаков
Екатерина Капалыгина
Анна Кузьмина
Зинаида Дмитриева
Марины Дамбиевой
Подписано в печать 30.08.16.
Формат 84 108 1/16. Печать офсетная. Усл. печ. л. 20,16.
Тираж 1500 экз. Заказ №
«БХВ-Петербург», 191036, Санкт-Петербург, Гончарная ул., 20.
Отпечатано в соответствии с предоставленными материалами
в ООО «ИПК Парето-Принт», 170546, Тверская область,
Промышленная зона Боровлево-1, комплекс № 3А, www.pareto-print.ru
ВВЕДЕНИЕ ДЛЯ ВЗРОСЛЫХ
Дорогие друзья! (Сейчас я обращаюсь к детям.) Введение можете не читать, переходите сразу к главе 1, начинайте делать весёлые мультики. А родителям будет полезно узнать некоторые сведения о Scratch.
Целью книги является наглядное обучение программированию школьников младших классов. Книга написана
на основе опыта обучения программированию на Scratch
в кружке юных программистов и протестирована на сотне
детей 7–12 лет.
Материал рассчитан на самостоятельное, без помощи
взрослых, изучение Scratch школьниками 2–5 классов,
имеющими базовые навыки управления компьютером.
Дети должны уметь пользоваться мышью, запускать программы, щелкая по их ярлыкам, и т. п., а также считать,
умножать и делить. Более сложные математические понятия (отрицательные числа, десятичные дроби, проценты,
оси координат, градусы) объяснены на страницах книги.
Особенность книги — очень подробное пошаговое описание процесса создания программ. Все остальные книги
опускают многие стороны процесса, подразумевая, что читатель сам догадается о мелких деталях. Здесь же скриншотами (экранными снимками) представлен процесс создания проектов целиком. Все вопросы, возникающие у
детей, были сняты в ходе тестирования книги в кружке.
Принцип обучения такой: сначала конструируем сложную и непонятную программу (именно конструируем, так
как процесс программирования в Scratch подобен созданию моделей из деталей конструктора), потом запускаем
её и пытаемся немного изменить. Наблюдая за сделанными изменениями, начинаем понимать, как она работает.
В книге нет никакого введения, дети сразу начинают делать весёлые мультики, а потом даже игры. Одна из главных целей — постараться, чтобы ребёнку не было скучно,
поэтому шутки и юмор для игр добавлял мой сын пятиклассник.
3
Что такое Scratch?
Scratch — это визуальный язык программирования,
в котором программа складывается из разноцветных блоков. Детям ничего не нужно писать, как в других языках
программирования. Блоки имеют защёлки, которые не
позволяют соединить несовместимые блоки.
Талисманом Scratch является симпатичный рыжий
Кот. Он встречает всех, открывших редактор.
Знакомство с программированием начинается с создания простейших программ, например таких, как вот эта.
При нажатии на клавишу эта программа передвинет Кота на 10 шагов и проиграет звук «Мяу».
Кто создал Scratch?
Проект по созданию Scratch инициирован в 2003 г. при
финансовой поддержке компаний Science Foundation,
Intel Foundation, Microsoft, MacArthur Foundation, LEGO
Foundation, Code-to-Learn Foundation, Google, Dell, Fastly,
Inversoft и MIT Media Lab research consortia.
4
Scratch создан в лаборатории Lifelong Kindergarten
Массачусетского технологического института под руководством профессора Митчела Резника (Mitchel Resnick)
в 2007 г.
Познакомиться с командой разработчиков Scratch вы
можете на странице
https://scratch.mit.edu/info/credits/
На какой возраст рассчитан
Scratch?
Создатели Scratch разрабатывали его специально для
детей 8–16 лет. Однако 6–7-летние дети, которые умеют
читать, считать, а также пользоваться мышью, тоже могут создать простые проекты.
Насколько популярен Scratch?
На сайте http://scratch.mit.edu зарегистрировано более 13 млн пользователей со всего мира. Из них 5,7 млн
из США, 1,4 млн из Великобритании и всего 0,008 млн из
России.
5
Основной возраст участников сообщества 9–16 лет.
Подробную статистику о Scratch можно посмотреть на
странице https://scratch.mit.edu/statistics/
Где найти Scratch?
Существует два способа работы в среде Scratch. Самый
простой способ — работа в онлайновом редакторе Scratch,
который можно запустить по адресу:
https://scratch.mit.edu/projects/editor/
6
Для того чтобы иметь возможность сохранять созданные проекты, необходимо зарегистрироваться.
Второй способ работы — работа в оффлайновом редакторе, который можно скачать со страницы
https://scratch.mit.edu/scratch2download/
Существуют версии под Windows, Linux и Mac OS X.
Оба редактора Scratch полностью идентичны и имеют
одинаковые функции. Проекты, созданные в оффлайновом редакторе, можно загрузить на сайт, и наоборот, проекты, созданные в онлайновом редакторе, можно скачать
на свой компьютер.
В книге процесс программирования рассматривается
на базе оффлайнового редактора Scratch.
Где можно использовать Scratch?
Программирование на Scratch — очень весёлое занятие, поэтому лучше всего заниматься им в группах, тогда
дети смогут сразу делиться своими проектами, обсуждать
их, совместно придумывать сюжеты.
Scratch идеально подходит для использования на дополнительных уроках в начальных классах (в группах
продлённого дня). Дети очень увлекаются созданием проектов, благодаря чему их поведение улучшается.
Scratch можно использовать в библиотеках, оборудованных компьютерами. Там дети могут создавать проекты о героях прочитанных книг, работать совместно.
Scratch хорошо подходит для организации кружков
юных программистов на базе учреждений дополнительного образования.
При использовании Scratch дома желательно зарегистрироваться на сайте и размещать все проекты там. На
сайте есть большое русскоязычное сообщество, в котором
дети смогут найти единомышленников, задавать вопросы
и обсуждать проекты.
7
Где найти дополнительную
информацию о Scratch?
Дополнительная информация о Scratch на русском
языке:
на странице официального форума по адресу:
• https://scratch.mit.edu/discuss/27/;
• в ScratchWiki по адресу http://scratch-wiki.info/;
• в Википедии;
• на сайте http://scratch4russia.com/.
О книге
О чём узнают дети, прочитавшие эту книгу?
Дети узнают о том, что такое цикл, условный блок,
цикл с условием, логическое выражение, координатная
плоскость, процент, десятичная дробь, градус, переменная, список.
Чему научатся дети, прочитавшие книгу?
Дети научатся создавать мультфильмы, игры, сложные скрипты (то есть программы), рисовать в векторном
и растровом графических редакторах, изменять звук, вводить, выводить и обрабатывать информацию.
Правила работы с книгой
Книга состоит из 19 глав. Создание проектов разбирается подробно, по шагам, с объяснением новых понятий
и блоков. В конце каждой главы приведены задания для
самостоятельного выполнения. Главы нужно изучать последовательно, одну за другой, иначе можно пропустить
объяснение важных понятий. Будет лучше, если все созданные проекты ваш ребёнок станет выкладывать на сайте
http://scratch.mit.edu. В этом случае я смогу ответить на
8
их вопросы и проверить выполнение заданий. Обязательно добавьте меня в друзья на этом сайте. Мой профиль:
https://scratch.mit.edu/users/scratch_book/
Условные обозначения
Жирным шрифтом выделены элементы интерфейса
программы Scratch.
Названия блоков выделены узким шрифтом.
Названия переменных и списков выделены узким жирным шрифтом.
Названия клавиш клавиатуры заключены в угловые
скобки, например .
Установка Scratch
Если вы решили использовать оффлайн-версию программы, прежде всего помогите своим детям установить
её на компьютер. Для этого перейдите по ссылке https://
scratch.mit.edu/scratch2download/ и последовательно
установите Adobe Air и Scratch Offline Editor.
Об авторе
Голиков Денис Владимирович — Scratch-евангелист.
Окончил МЭИ по специальности «Промышленная электроника».
В 2013–2015 гг. педагог дополнительного образования
по Scratch. В 2014 г. кружок Scratch награждён премией
губернатора Московской области.
В 2015 г. финалист Конкурса инноваций в образовании
организованного Институтом образования НИУ ВШЭ при
поддержке Агентства стратегических инициатив.
Контакты
• электронная почта автора scratch.book@ya.ru;
• страница автора в Facebook https://www.facebook.
com/ScratchBook4u;
9
• страница автора в социальной сети «ВКонтакте» VK
http://vk.com/scratch.book;
• работы автора на сайте Scratch https://scratch.mit.
edu/users/scratch_book/;
• сайт автора в Интернете http://scratch4russia.com/.
Благодарности
Огромное спасибо моему сыну Артёму, который помогал придумывать игры и шутки для книги.
Выражаю благодарность всем детям, посещавшим в
2013–2015 гг. «Кружок юных программистов» в г. Химки. Без вас написание этой книги было бы невозможным.
Огромное спасибо коллективу издательства «БХВПетербург» и лично Евгению Рыбакову и Анне Кузьминой.
10
ГЛАВА 1. ЗНАКОМСТВО СО SCRATCH
1.1. Знакомство с интерфейсом
Запустите Scratch
с помощью ярлыка
на рабочем столе —
дважды щёлкните
мышью по значку.
Откроется окно
программы. Разверните
его на весь экран, нажав,
как обычно, на среднюю
кнопку — квадратик —
в правом верхнем углу
окна.
11
Если в запустившейся
программе вы увидите
надписи на английском
языке, то первым делом
надо переключить её
на русский интерфейс.
Для этого щёлкните на
значке глобуса в строке
меню, а затем аккуратно
двигайте мышь на
маленький треугольничек
в самом конце списка
языков.
12
Прокрутите список
вниз до самого
конца и выберите
русский язык.
Теперь можно
осмотреться.
13
Белое поле слева — это сцена, на ней будет
видно, как работает проект. По сцене будут
перемещаться спрайты (персонажи), на ней вы
будете рисовать и изменять её фон. Сейчас на
сцене всего один спрайт — Кот.
Все спрайты
проекта находятся
в области
спрайтов, которая
расположена под
сценой.
Справа — огромная область
скриптов, там мы будем
собирать скрипты проекта из
разноцветных блоков, которые
хранятся в палитре блоков,
расположенной в самом центре
экрана.
14
Скрипты — это кусочки, наборы цветных блоков,
из которых состоит программа. У каждого спрайта
скрипты собственные, описывающие поведение
только этого спрайта.
Сейчас выбраны синие блоки Движение. Выберите
фиолетовые блоки Внешность.
Пощёлкайте по блокам других цветов.
С остальными вкладочками и
кнопочками мы познакомимся
позднее, а теперь пришло время
сделать первый проект!
15
1.2. Первый проект
Выберите блоки События. Щёлкните мышью на
блоке когда клавиша пробел нажата и, не отпуская левую
кнопку мыши, тяните его в область скриптов.
Расположите блок в верхней части области скриптов
и отпустите левую кнопку мыши. Затем выберите синие
блоки Движение и вытащите в область скриптов блок
идти 10 шагов. Тащите его прямо к первому блоку. Когда он
захочет к нему прицепиться, то появится белая полоса,
в этот момент отпускайте левую кнопку мыши — блок
встанет на место.
Получилась
первая программа,
состоящая из
одного скрипта.
16
Важно!
Каждый скрипт начинается с блока События
с круглой «шапочкой». Скрипт выполняется
сверху вниз. Каждый блок по очереди
выполняет своё действие.
Если нажимать
клавишу
много раз, то Котик
скроется за краем
сцены. Вытащите его
обратно за хвост.
Нажимайте
клавишу
и посмотрите, что
будет происходить
на сцене. Котик
пойдёт направо!
Теперь нажмите клавишу
и не отпускайте
её — Кот побежит!
Снова вытащите его на
середину сцены.
Отлично! Бегать Кота
научили, теперь научим
его мяукать!
17
1.3. Блоки звука
Выберите сиреневые блоки Звук. Прицепите
к скрипту блок играть звук мяу (meow).
Снова нажимайте клавишу — Кот идёт
и мяукает!
Совет
Если Кот не мяукает, то проверьте громкость
звука и включите колонки.
Мяукать Кота научили,
а теперь попробуем научить
его лаять! Щёлкните на
вкладке Звуки.
Затем нажмите кнопку
Выбрать звук из библиотеки.
Откроется библиотека
звуков. Она содержит более
120 различных звуков,
мелодий и эффектов.
18
Совет
Для того чтобы прослушать звуки, нажмите
кнопку Play.
Выберите слева категорию
Животное, в центре окна
найдите звук dog1 и
нажмите кнопку OK.
Теперь Кот может
использовать два
звука — либо «мяу»,
либо «dog1».
19
Перейдите на вкладку Скрипты. Нажав
на чёрный треугольничек, раскройте
список звуков в сиреневом блоке
и выберите звук «dog1».
Нажимайте клавишу
, теперь Кот
бегает и лает! Так
гораздо веселее!
Ну, вот вы и сделали
свой первый проект
на Scratch, осталось
только сохранить его
на память. Для этого
щёлкните в строке
меню на команде Файл,
а затем подведите
указатель мыши к
строке Сохранить как.
Далее в книге я буду
называть это действие
так: в меню Файл
выберите команду
Сохранить как.
20
Лучше всего для сохранения проектов подходит папка
Scratch Projects, которая автоматически появилась
после установки Scratch.
Введите понятное имя файла, например «Кот лает»,
и нажмите кнопку Сохранить.
Совет
Всегда давайте файлам осмысленные имена.
Если вы напишете что-то вроде fkjvkdb345, то
через некоторое время не сможете вспомнить,
о чём же этот проект, а когда таких проектов
станет много, то вы совсем запутаетесь.
21
Первый проект сохранён.
1.4. Задания
1. С помощью кнопки Записать новый звук
(на вкладке Звуки) попробуйте записать звук
с микрофона.
Для начала записи нажмите на кнопку
с кружочком.
Для остановки записи нажмите кнопку с квадратом, а для прослушивания —
кнопку с треугольником. Всё как на
настоящем проигрывателе!
2. С помощью кнопки Загрузить звук
из файла загрузите в проект свою любимую композицию из файла с расширением mp3. (Надеюсь, вы знаете, что такое
расширение файла?)
22
ГЛАВА 2. УСЛОЖНЕНИЕ ПЕРВОГО ПРОЕКТА
2.1. Загрузка первого проекта
Запустите Scratch с помощью
ярлыка на рабочем столе.
В меню Файл выберите команду
Открыть.
23
Перейдите в папку, в которой был сохранён первый
проект, выберите его и нажмите кнопку Открыть.
Откроется первый проект.
24
2.2. Изменение скорости движения
Первым делом удалите блок звука, чтобы лай не отвлекал
вас от знакомства с новыми блоками. Для этого нажмите
на сиреневый блок звука и тащите его обратно в палитру
блоков. Отпустите левую кнопку мыши. Когда блок будет
находиться над палитрой, он исчезнет.
Теперь добавьте к скрипту
новый блок из набора
блоков Движение — если на
краю, оттолкнуться.
Нажимайте клавишу и
посмотрите, что произойдёт, когда
Кот дойдёт до края экрана. Он
оттолкнётся и пойдёт в обратном
направлении! Теперь вам не
придётся вытаскивать его за
хвост.
А теперь попробуйте изменить
скорость движения Кота. Для
этого надо изменить значение в
блоке идти. Щёлкните на числе 10.
Оно посинеет.
25
Введите значение 5
и щёлкните мышью гденибудь в пустом месте
области скриптов.
Снова нажимайте клавишу
— Кот идёт в два
раза медленнее! Конечно,
ведь пять в два раза
меньше десяти.
А теперь введите туда
значение 1.
Теперь Кот идёт очень медленно. А что будет, если ввести
в блок идти значение больше 10? Поэкспериментируйте.
Как-то раз я доэкспериментировался и ввёл туда гугол!
Кот улетел в созвездие Гончих псов!
Справка
Гугол (googol) — огромное число, оно
состоит из единицы и ста нулей! Это число
придумал в 1938 году американский
математик Эдвард Казнер. Создатели
известного поискового сайта используют
это слово в качестве названия.
26
Справка
Гончие псы — созвездие, расположенное прямо
под ковшом Большой Медведицы.
Ох, и не весело пришлось Котику в этой компании!
Если вы ввели очень большое число и отправили Кота в
космос, то существует только один способ вернуть его обратно — лететь в космос за ним. Вы готовы?
Шучу! На самом деле лететь
никуда не нужно. Надо
просто щёлкнуть на красном
восьмиугольнике.
27
А затем дважды
щёлкнуть на
блоке перейти в
указатель мышки.
Кот появится в
правом нижнем
углу сцены.
Как вы уже заметили, при движении влево Кот всегда
переворачивается вверх тормашками. Это не похоже на движение настоящих котов, обычно они всегда передвигаются
тормашками вниз.
Существует блок, который
запрещает спрайту
переворачиваться. Это
стиль вращения влевовправо. Прицепите этот
блок к скрипту.
Теперь Котик будет бегать
ногами вниз. Проверьте, так
ли это.
В Scratch существует всего
три стиля вращения: «влевовправо», «не вращать»
и «кругом».
У каждого нового спрайта, добавленного в проект, установлен
стиль вращения «кругом», поэтому блок стиль вращения мы будем
использовать очень часто.
Не забудьте сохранить проект: в меню Файл выберите команду
Сохранить.
28
2.3. Автомобиль с пятью скоростями
Вы научились перемещать спрайты с различной скоростью, а теперь давайте создадим новый проект, в котором
автомобиль, как в жизни, будет иметь пять скоростей.
В меню Файл выберите
команду Новый.
Появится новый проект, в котором, как обычно, есть только
Кот. Но нам же нужен автомобиль! Давайте загрузим его
из библиотеки спрайтов. Для этого в области спрайтов
щёлкните на значке маленького человечка.
Библиотека спрайтов
очень похожа
на библиотеку
звуков. Выберите
слева категорию
Транспорт.
29
Выберите понравившийся
вам автомобиль и нажмите
кнопку OK.
Теперь на сцене два спрайта.
Они оба показаны
в области спрайтов.
Этот проект будет про автомобиль, поэтому
Кот не нужен. Удалите его, щёлкнув на значке
ножниц в строке меню, а затем на Котике.
30
Остался только один спрайт — автомобиль. Теперь его
надо запрограммировать. У автомобиля будет 5 скоростей,
поэтому нужно создать 5 разных скриптов.
Сначала запрограммируем
первую скорость. Постройте
вот такой скрипт.
Теперь переключим
управление
с клавиши
на клавишу .
Для этого раскройте
выпадающий список,
нажав на чёрный
треугольничек в блоке
когда клавиша пробел нажата,
и двигайте курсор
вниз.
Выберите единичку.
31
Теперь измените значение в блоке идти на 1. На первой скорости машина будет ехать очень медленно.
Первый скрипт автомобиля
готов! Протестируйте его.
Нам надо сделать ещё четыре
похожих скрипта.
Совет
Есть простой способ скопировать скрипт.
Щёлкните на верхнем блоке скрипта правой
кнопкой мыши и выберите команду дублировать.
Дублируйте
первый скрипт
и измените
клавишу
управления
на 2, а скорость
перемещения
на 3. Сделайте
ещё три скрипта.
32
Проект почти готов, давайте украсим сцену —
добавим красивый фон. Нажмите кнопку
Выбрать фон из библиотеки.
Выберите тему
фона — Город.
Выберите фон, например
вот этот, и нажмите
кнопку OK.
33
Автомобиль расположен не очень
удачно — он стоит на фонаре.
34
Опустите его
на дорогу.
Теперь проект готов.
Протестируйте
его и не забудьте
сохранить.
2.4. Задания
1. Добавьте автомобилю шестую
скорость.
2. Немного увеличьте размер автомобиля с помощью инструмента
Увеличить.
3. Добавьте в проект пешеходов,
которые будут стоять на тротуаре.
Измените их размер с помощью инструмента Уменьшить.
4. Добавьте ещё один автомобиль, у которого будет только четыре скорости.
35
ГЛАВА 3. ЗНАКОМСТВО С ЭФФЕКТАМИ
3.1. Создание нового проекта
Создайте новый
проект: в меню Файл
выберите команду
Новый.
Появится новый
проект, в котором,
как обычно, есть
только Кот. Он-то нам
и нужен. Сегодня ему
предстоит стать очень
эффектным, например
таким.
Для изменения
внешнего вида Кота
мы будем использовать
фиолетовые блоки
Внешность.
3.2. Цветовой эффект
Цветовой эффект
изменяет цвет
спрайта. Создайте вот
такой скрипт.
36
Протестируйте его.
При нажатии клавиши Кот меняет цвет. Выглядит
весело, но почему так происходит? Дело в том, что все цвета
в Scratch имеют свои числовые значения от 0 до 200.
Например, красный цвет имеет значение 0, жёлтый — 25,
и так далее (как на картинке).
Таким образом, изменяя эффект
цвета на 25, Котик пройдёт
через испытание палитрой
и снова станет рыжим. Это
произойдёт ровно через восемь
нажатий клавиши
(25 • 8 = 200). Проверьте это.
Измените значение 25 на 1.
Нажимайте клавишу
— теперь цвет
изменяется очень плавно.
Вопрос
Сколько раз надо нажать клавишу ,
чтобы окрас Котика вернулся к рыжему цвету?
Вернуть Коту первоначальный вид можно,
дважды щёлкнув на фиолетовом блоке
убрать графические эффекты.
37
3.3. Эффект рыбьего глаза
Рыбий глаз — очень
интересный эффект,
раздувающий спрайт.
Выберите его из
выпадающего списка
эффектов. Введите
значение 25.
Нажимайте клавишу
и смотрите,
что получится.
Раздуло Котика не слабо,
наверное, вчерашнее молоко
было позавчерашним...
В отличие от эффекта цвета, этот эффект
бесконечный. Если не отпускать клавишу
, то Кот превратится в лепёшку.
Вот таким он станет через сто нажатий
на .
Измените значение 25 на 1. Нажимайте клавишу —
теперь Кот раздувается не спеша.
Не забывайте, что вернуть Коту первоначальный вид можно
с помощью блока убрать графические эффекты.
38
3.4. Эффект завихрения
Завихрение — тоже
очень зрелищный
эффект. Выберите
его из выпадающего
списка и введите
значение 5.
Нажимайте клавишу и
посмотрите, как закрутит Котика. Вот
таким он станет через 15 нажатий на
, то есть значение эффекта
равно 15 • 5 = 75.
Эффект завихрения бесконечный, как
и рыбий глаз. Вот каким будет Котик
при значении эффекта завихрения
в 1000.
Теперь вам точно
нужен блок убрать
графические эффекты.
3.5. Эффект укрупнения пикселов
Этот эффект укрупняет
точки, из которых состоит
изображение — пикселы.
Выглядит это вот так.
39
Соберите вот такой скрипт
и протестируйте его работу.
Посмотрите, что будет при
значении эффекта 100 и больше.
При значении эффекта 350 Кот
превратится в оранжевый
кирпич, а при значении
больше 460 совсем исчезнет.
Не забывайте о блоке убрать
графические эффекты!
3.6. Эффект мозаики
Этот эффект работает вот так.
Спрайт превращается в мозаику.
Соберите вот такой скрипт
и протестируйте его.
40
При значении 100 и более спрайт
выглядит как армия малюсеньких
клонов, но это по-прежнему один
спрайт.
Верните Котику
первоначальный вид.
3.7. Эффект яркости
Этот эффект увеличивает яркость
спрайта. Сделайте вот такой скрипт
и посмотрите, как он работает.
Вот как будет
выглядеть Котик
после десяти
нажатий клавиши
.
При значении эффекта 100 Кот
исчезнет. Таким образом, значение
эффекта яркости может изменяться
от 0 до 100.
Не забывайте о блоке убрать графические
эффекты!
41
3.8. Эффект призрака
Этот эффект позволяет
спрайту исчезать и
появляться. Он изменяет
прозрачность спрайта.
Протестируйте его работу.
Вот так будет
выглядеть Котик при
значении эффекта
призрака равном 50.
При значении эффекта
призрака равном 100 спрайт
станет невидимым. Верните
Котику первоначальный вид.
3.9. Анимация
Для того чтобы при
движении Кот не плыл,
а шевелил лапами,
надо применить блок
следующий костюм.
42
Этот блок переключает по очереди все костюмы спрайта.
Нажимайте клавишу , и Кот зашагает! Это
происходит из-за того, что у Кота два костюма.
Перейдите на вкладку Костюмы.
Здесь вы можете
увидеть, что у
спрайта два костюма
с именами «костюм1»
и «костюм2».
Нажимайте
клавишу ,
и вы увидите, как
костюмы по очереди
переключаются.
3.10. Вопросы
1. Какие эффекты применены к Коту?
43
2. А теперь?
3. А здесь что с Котом?
4. А здесь какие эффекты?
3.11. Задания
1. Добавьте в новый проект
спрайт чёрной летучей мыши и
примените к ней поочередно все
эффекты. Не забудьте про анимацию — меняйте костюмы.
Некоторые эффекты работать
не будут. Подумайте, почему?
2. А теперь добавьте в проект
шарик.
Действие каких эффектов будет почти незаметно?
3. Добавьте в проект фон сцены и потренируйтесь на нём.
Вот, например, как действует
на фон эффект завихрения.
44
ГЛАВА 4. ЗНАКОМСТВО
С ОТРИЦАТЕЛЬНЫМИ ЧИСЛАМИ
4.1. Ходим задом наперёд
Создайте новый
проект: в меню Файл
выберите команду
Новый.
Появится новый
проект, в котором,
как обычно, есть
только Кот. Сделайте
простой скрипт
гуляющего Кота.
Нажимайте клавишу . Кот, как обычно, гуляет
по сцене.
Для того чтобы научить его ходить задом наперёд и делать
всё наоборот, нам понадобится отрицательное число –10. Это
то же самое, что и 10, только с минусом. Отрицательные числа очень похожи на обыкновенные числа, только они делают
всё наоборот, право меняют на лево, верх на низ, перёд на
зад, разгон на торможение, рост на снижение, взлёт на падение и так далее.
Замените в скрипте 10 на –10.
Протестируйте скрипт, Кот
идёт задом наперёд!
45
4.2. Переворачиваем звуки
А теперь давайте
научим его мяукать
задом наперёд! Это
можно сделать и
без отрицательных
чисел. Добавьте
к скрипту блок
мяуканья.
Перейдите
на вкладку Звуки.
Здесь вы увидите
графическое
изображение звука.
Чем шире полоса,
тем звук громче.
Нажмите на кнопку
с треугольником.
46
Вы услышите звук.
Для того чтобы
проиграть его
задом наперёд, надо
сначала выделить
весь звук. Щёлкните
мышью справа от
звука и, не отпуская
мышь, двигайте её
к началу влево...
...до тех пор, пока не
будет выделен весь звук.
Совет
Для того чтобы выделить весь звук,
можно использовать сочетание клавиш
+.
А теперь перевернём
звук задом
наперёд! Раскройте
выпадающий
список Эффекты
(он находится под
изображением звука)
и выберите команду
вернуться.
47
Перейдите на
вкладку Скрипты.
Нажмите клавишу
и послушайте,
как стал мяукать Кот.
Эксперимент
Добавьте Коту другие звуки и переверните
их. Какой самый прикольный? Мне
понравился перевёрнутый звук triumph.
Перевернуть задом наперёд можно
не только звуки из библиотеки, это
можно сделать и с записанным
звуком. Нажмите кнопку Записать
новый звук (на вкладке Звуки).
Затем нажмите
кнопку Запись.
Записанный звук также можно перевернуть, предварительно выделив. Таким способом можно получить очень интересные звуки для ваших проектов.
Также можно переворачивать
звуки, скачанные из Интернета.
Для того чтобы загрузить звук или
музыку из файла, надо нажать
на кнопку Загрузить звук из файла
(на вкладке Звуки).
48
В открывшемся окне необходимо выбрать
нужный файл и нажать кнопку Открыть.
Теперь можно проиграть файл задом
наперёд или применить к нему другие
звуковые эффекты.
Совет
Загружайте только файлы формата MP3
или WAV! Старайтесь не загружать файлы
большого размера. Если в вашем проекте
используется только часть музыкального
файла, то удалите его неиспользуемую часть,
выделив её и нажав клавишу .
4.3. Привидение
Используя отрицательные числа, можно сделать много
интересных проектов. Например, Привидение, появляющееся из ниоткуда.
Откройте библиотеку
спрайтов.
Выберите Привидение
и нажмите кнопку OK.
49
Теперь у нас два
спрайта.
Кот нам не нужен.
Щёлкните на нём правой
кнопкой мыши и выберите
команду удалить.
Сделайте вот такие
два скрипта для
Привидения.
50
Протестируйте работу скриптов. Щёлкните на зелёном
флажке (он находится в правом верхнем углу сцены) — Привидение исчезнет. Нажимайте клавишу , и оно
появится из ниоткуда! Но почему это происходит? Всё очень
просто. Когда вы нажимаете на зелёный флажок, эффект
призрака становится равным 100, и Привидение исчезает.
При нажатии клавиши значение эффекта призрака каждый раз уменьшается на 1 и после ста нажатий становится равным нулю.
Давайте добавим жути и нарисуем
на сцене тёмную ночь. Выберите сцену.
Перейдите на
вкладку Фоны.
Выберите инструмент
Заполнить цветом.
По умолчанию всегда
выбран чёрный цвет.
Щёлкните на фоне —
он почернеет.
Выберите инструмент
Кисть.
51
Нарисуйте звёзды.
Снова нажмите на
зелёный флажок, а затем
на . Так гораздо
страшнее!
Сохраните проект.
4.4. Вопросы
1. Что получится, если мы изменим 10 на –2?
2. На улице было +25 градусов, а затем температура изменилась на –5 градусов. Какая температура стала на улице?
4.5. Задания
1. С помощью инструмента записи голоса запишите какуюнибудь фразу и переверните её задом наперёд.
2. Добавьте в проект с Привидением жуткую музыку из
библиотеки звуков.
3. Добавьте в проект с Привидением ещё одно привидение,
которое будет появляться при нажатии на клавишу .
52
ГЛАВА 5. ЗНАКОМСТВО С ПЕРОМ
5.1. Рисуем каракули
Создайте новый
проект: в меню Файл
выберите команду
Новый.
Появится новый проект, в котором, как обычно, есть
только Кот, и сейчас мы научим его рисовать на сцене.
Для этого мы будем использовать зелёные блоки Перо.
Перо — это такой цветной фломастер, которым спрайт
может рисовать на сцене. Перо может быть поднято —
тогда спрайт при движении ничего не рисует, или опущено — тогда при движении спрайта за ним тянется линия.
Сделайте вот такую
программу для Кота.
53
Подсказка
Для выбора нужной клавиши раскройте
выпадающий список.
Просто нажимайте клавишу
— Котик, как обычно, гуляет
по сцене. А теперь нажмите клавишу
< >, а затем снова нажимайте
. Перо будет опущено, и за
Котом потянется тонкая синяя линия.
Если потом нажать
клавишу < >, то перо
будет поднято,
и линия появляться
не станет.
Немного повеселимся.
Вам понадобится блок
поворота. Добавьте его.
54
Нажимайте клавишу —
Кот нарисует окружность!
Это происходит потому, что
каждый раз Кот делает
10 шагов вперёд и немного
поворачивается по часовой
стрелке. Задайте угол
поворота 1 градус.
Теперь Кот
поворачивает по
чуть-чуть, и на сцене
появляются очень
интересные узоры!
55
Если нажимать
клавишу
много раз, то вся сцена
будет размалёвана.
Совет
Для того чтобы очистить сцену, дважды
щёлкните мышью на блоке очистить.
Чтобы повернуть Кота в исходное положение, так
сказать поставить его на лапы, можно воспользоваться одним секретным действием. Щёлкните на значке
с буквой i в левом верхнем углу спрайта.
Откроется область, в которой можно увидеть некоторые
свойства спрайта и даже изменить их. Нам нужно Котика
повернуть. Перемещайте синюю линию на окружности и посмотрите, как наш персонаж начнёт вертеться-крутиться.
Эксперимент
Изменяйте значения в блоках идти и повернуть.
Да уж... Художник из Котика получился не очень...
56
5.2. Рисуем красиво
Давайте будем управлять движением Кота с помощью
стрелок на клавиатуре. Может, тогда получится нарисовать
что-нибудь красивое.
Создайте новый проект.
Здесь вам пригодится блок
повернуть в направлении.
Этот блок поворачивает спрайт в указанном направлении.
Сконструируйте для Кота вот такую программу. Она состоит
из семи скриптов.
57
При нажатии на зелёный флажок Котик уменьшится
в размере и очистит сцену.
Подсказка
Нормальный размер спрайта равен 100%. Размер
20% ровно в 5 раз меньше нормального, а размер
50% ровно в 2 раза меньше нормального размера.
При нажатии клавиши перо опустится, а при нажатии
перо поднимется. При нажатии клавиш-стрелок Котик
будет поворачиваться в соответствующем направлении и делать по 10 шагов.
Совет
Если перо не опускается и не поднимается,
проверьте, что вы переключились на английскую
раскладку клавиатуры.
Теперь можно нарисовать всё, что состоит
из прямоугольников. Попробуйте нарисовать
три квадрата.
Ряд из квадратов.
Спираль.
Пирамиду индейцев майя.
Многоэтажку.
58
Многоэтажку нарисовать не просто. У меня не получилось
с первого раза. Любая ошибка, и приходится начинать сначала.
Давайте добавим в проект возможность стереть нарисованное. А что значит стереть нарисованное на белом фоне?
Это значит закрасить белым! Нужно добавить в проект возможность рисовать белым.
Добавьте в проект
два скрипта.
Подсказка
Для выбора цвета в блоке установки цвета
необходимо щёлкнуть в цветной квадратик (при
этом курсор мыши изменит свою форму), а затем
в любое место на экране, окрашенное в нужный
цвет. Например, для выбора синего цвета можно
щёлкнуть по синему блоку, а для выбора белого
цвета — по сцене.
Теперь при нажатии на клавишу с цифрой 0 Котик будет
стирать нарисованное, а при нажатии на единицу снова сможет рисовать.
Сохраните проект.
59
5.3. Вопросы
1. Кот рисует короткими отрезками. Как увеличить длину отрезков?
2. Как изменить программу, чтобы она стирала нарисованное на сером фоне?
3. Что будет с Котом, если установить его размер не 20%,
а 200%?
5.4. Задания
1. Добавьте в проект возможность рисовать красным цветом.
2. Установите размер кота в 10 раз меньше нормального.
3. Сделайте так, чтобы можно было очищать сцену, использую клавиатуру, не нажимая на зелёный флажок.
4. Для того чтобы было удобнее рисовать, сделайте так,
чтобы цвет Кота был разным при опущенном пере и при поднятом пере.
60
ГЛАВА 6. ЦИКЛЫ
6.1. Знакомство с циклами
В предыдущих главах для управления спрайтами вам приходилось постоянно нажимать клавиши. Это не всегда удобно. Для автоматического выполнения действий в Scratch есть
очень важный светло-коричневый блок повторить. Он позволяет повторить одно действие несколько раз подряд. Давайте
попробуем.
Создайте новый проект:
в меню Файл выберите
команду Новый.
Сконструируйте для Кота
вот такой скрипт.
Блок повторить выполнит своё содержимое 10 раз.
Щёлкните по зелёному флажку. Кот смело пошагает вперёд и сделает 10 раз по 10 шагов — всего 100 шагов. Снова
щёлкните по флажку — Кот опять сделает 100 шагов.
Эксперимент
Вводите разные значения в блок идти и в блок
повторить и посмотрите, что получится. Не вводите
в блок повторить значения больше 1000.
61
6.2. Циклы и эффект цвета
Вы уже знаете, что в Scratch существует 200 цветов. Давайте сделаем Кота, который будет автоматически изменять
свой цвет 200 раз и снова становиться рыжим. Удалите созданный скрипт: для этого перетащите его целиком в палитру
блоков и отпустите кнопку мыши. Скрипт исчезнет.
Теперь
создайте
для Кота
вот такой
скрипт.
Нажмите на зелёный
флажок. Кот будет плавно
изменять свой цвет, пока
снова не станет рыжим.
62
Эксперимент
Измените значение в блоке повторить на 400.
А сколько раз теперь Кот пройдёт по цветовому
кругу? Измените значение в блоке изменить цвет эффект
на 2. Что изменится в работе скрипта?
Эффект цвета — это циклический эффект, цвета повторяются через 200. Цвет 1 — это то же самое, что и 201, что и
401 — это красный цвет, а цвет 125 — это то же самое, что и
325 и 525 — это синий.
Вопрос
Какой цвет имеет номер 314159260150?
А 27182818280100?
Проверьте свой ответ.
63
6.3. Циклы и эффект призрака
А теперь давайте поиграем с эффектом призрака. Этот эффект изменяется от 0 до 100.
Создайте для Кота
вот такой скрипт.
При нажатии на
зелёный флажок
сначала пропадут все
графические эффекты,
а затем Кот плавно
исчезнет.
Эксперимент
Вводить значение больше 100 в блок повторить не
имеет смысла, ведь Кот не может стать дважды
невидим!
А вот значение в блоке изменить призрак эффект поменять можно. На что это повлияет?
Очень жаль, что Котик постоянно пропадает. Давайте сделаем так, чтобы он плавно исчезал, а потом так же плавно
появлялся.
Для этого нам
понадобится
отрицательное число –1.
Это число имеет перед
собой знак «минус»,
поэтому, изменяя эффект
призрака на –1, мы будем
уменьшать его значение
от 100 до 0, пока Котик
не станет таким как был.
Доработайте скрипт.
64
Проверьте, как работает этот скрипт. Нажмите на зелёный флажок. Кот уйдёт в страну призраков, а потом вернётся из неё!
А что, если нам надо запустить Кота в страну призраков
10 раз подряд? Для этого может пригодиться ещё один блок
повтора! Выберите его в палитре блоков и подтащите к скрипту так, чтобы он обнял сразу два блока повтора.
Получится вот
такой скрипт.
Запустите его. Кот
станет невидимым 10 раз
подряд.
Сохраните проект.
65
6.4. Вращение
А теперь давайте познакомимся с блоками поворота. Их
всего два: поворот по часовой стрелке и поворот против часовой стрелки.
Как вы, наверное, уже знаете, окружность делится на
360 градусов, поэтому спрайт в Scratch может двигаться в
одном из 360 направлений.
Градусы обозначаются маленьким кружочком, например,
360°.
66
Движение вверх — это
движение в направлении
0°, движение вправо —
движение в направлении
90° и так далее. Поворот
на 15°— это совсем
немного.
Для того чтобы повернуть
персонаж под углом в 90°,
надо 6 раз повернуть на 15°.
67
А для того чтобы совершить полный
оборот, надо повернуться 24 раза по 15°.
Совет
В блоке повернуть в направлении 90 спрятана подсказка
по направлениям. Если вы забудете, где право и где
лево, то всегда сможете подсмотреть правильный
ответ.
Обратите
внимание, что
направления
–90° и 270° —
это одно и то
же.
68
Для того чтобы лучше понять, что такое градусы, создайте
новый проект и сделайте такой скрипт.
Вы уже знаете, что 24 раза по 15° — это полный оборот.
Нажмите на зелёный
флажок и убедитесь в
этом. Кот сделает ровно
один оборот!
Эксперимент
Изменяйте значения в блоках повторить и повернуть
так, чтобы произведение этих чисел было равно 360.
Например, 36 и 10, 72 и 5, 10 и 36, 5 и 72, 2 и 180
и так далее. Обратите внимание на скорость
вращения Кота.
6.5. Бесконечный цикл
Интересно, а что будет, если ввести в блок повторить
огромное значение, например, один миллион — 1 000 000?
В этом случае прогулка Кота затянется на 8 часов, а если ввести один миллиард — 1 000 000 000, то Котик будет гулять
целый год!
Однако для бесконечного выполнения скрипта лучше использовать блок всегда. Этот блок всегда повторяет своё содержимое до бесконечности.
Создайте для Кота
вот такой скрипт.
69
Щёлкните по зелёному флажку. Теперь Кота ничто не остановит! Можете съездить на лето к бабушке, а вернувшись,
убедиться, что Кот всё ещё ходит по сцене кругом. Идёт направо — песнь заводит, налево — сказку говорит.
Шутка. Кота-сказочника вы сможете запрограммировать
после того, как познакомитесь с условным блоком.
6.6. Автоматическая печать
Давайте сделаем небольшой проект с применением блока
всегда. Украсим двор яблоками!
Создайте новый проект.
Добавьте из библиотеки
спрайтов Яблоко.
Выберите Яблоко и
нажмите кнопку OK.
Кота удалите одним
из знакомых вам
способов.
Сделайте вот такую
программу из двух
скриптов для яблока.
70
В этой программе используются сразу три новых блока:
перейти в указатель мышки, печать и ждать. Первый скрипт делает
так, чтобы Яблоко всегда перемещалось вслед за указателем
мыши, а второй всегда отпечатывает на сцене изображение
яблока, проигрывает звук и ждёт 1 секунду, чтобы яблоки не
появлялись слишком быстро.
Протестируйте
работу программы.
Совет
Для того чтобы убрать яблоки
со сцены, дважды щёлкните
по зелёному блоку очистить.
71
Разбрасывать
яблоки на белом
фоне не очень
интересно.
Добавьте на
сцену какойнибудь фон.
Например вот
этот.
Уменьшите размер яблока с
помощью инструмента Уменьшить:
щёлкните сначала по инструменту,
а потом по Яблоку на сцене.
Теперь можете
разбросать яблоки.
Если вы будете аккуратны, то сможете нарисовать красивую рамку или узор.
Проект готов. Сохраните его.
72
6.7. Задания
1. Измените фон сцены в проекте про яблочки.
2. Сделайте так, чтобы отпечатываемое яблоко изменяло
цвет.
3. Сделайте так, чтобы отпечатываемое яблоко изменяло
прозрачность.
4. Поэкспериментируйте с временем задержки. Вводите
числа с точкой: 0.1, 0.2, 0.5, 0.01, 0.02, 0.05 и проанализируйте результат. Введите ноль. Введите отрицательное число, но будьте осторожны, не улетите в прошлое!
5. Измените звук.
6. Сделайте так, чтобы отпечаталось только 15 яблок.
7. Измените костюм Яблока на любой другой из библиотеки спрайтов.
8. Добавьте Яблоку несколько костюмов, которые будут
отпечатываться по очереди.
9. Нарисуйте толпу людей.
73
ГЛАВА 7. УСЛОВНЫЙ БЛОК
7.1. Знакомство с условным блоком
В играх и сложных проектах постоянно происходит множество событий. Например, герой перешёл на следующий
уровень, герой нашёл аптечку, враг коснулся героя. При наступлении любого события программа должна выполнить
определённые действия, и в этом ей помогает блок проверки
условия если.
У этого блока внутри есть специальное шестиугольное
углубление, в которое можновставить шестиугольные зелёные операторы или голубые сенсорные блоки. Тогда блок если
будет выглядеть вот так.
Или так.
Давайте же скорее применим этот блок!
74
7.2. Игра «Погоня»
Жил да был Кот. Как-то раз, гуляя по городу, он повстречал Синего Пса. Пёс был очень зол и погнался за Котом, желая задать ему хорошую трёпку. Спасётся ли Кот, будет зависеть только от вас!
Создайте новый проект.
Откройте библиотеку спрайтов.
Выберите Синего Пса
и нажмите кнопку OK.
Теперь добавьте
фон на сцену.
Выберите город и
нажмите кнопку OK.
75
Теперь игра выглядит
вот так.
В проекте всего два
спрайта с именами
Sprite1 и Dog2.
76
Начинаем
программировать!
Сначала создадим
программу Кота. Она
очень простая —
состоит из двух
скриптов.
Первый скрипт такой
же, как и у Яблока из
прошлого проекта. При
нажатии на зелёный
флажок Кот всегда будет
следовать за указателем
мыши. Второй скрипт
использует новый блок
если. Всегда, если Кот
коснётся Dog2 (Пса), то он
жалобно мяукнет, потому
что касание вряд ли было
приятным.
Программа Синего
Пса вот такая.
При нажатии на зелёный
флажок Синий Пёс всегда
будет поворачиваться к
Коту и идти по 5 шагов. Если
Кот не убежит, то очень
скоро попадётся в лапы Пса.
Второй скрипт очень похож
на скрипт Кота. Всегда, если
Синий Пёс коснётся Sprite1
(Кота), то он залает.
Протестируйте игру. Убежать
от Пса почти невозможно.
77
7.3. Доработка игры
Кажется, Кот и Синий Пёс не бегают по сцене, а плавают.
Давайте добавим анимацию!
Добавьте Коту вот
такой скрипт.
Теперь Кот всегда будет
изменять свой костюм
через каждые пять сотых
секунды.
Для Пса сделайте
такой же скрипт. Для
упрощения задачи можно
скопировать скрипт Кота
Синему Псу. Захватите
мышью готовый скрипт,
тащите прямо на спрайт
Dog2 и там отпустите.
Отпускать скрипт
надо тогда, когда
курсор будет точно
находиться над
Псом. Готово! Это
гораздо проще,
чем собирать
скрипт из блоков.
Протестируйте
работу программы.
78
Что происходит?! Пёс делает один шаг и на секунду застывает в задумчивой позе! Но он же не философ! Эту ошибку
(баг) надо исправить.
Перейдите
на вкладку
Костюмы. У Пса,
в отличие от
Кота, не два,
а три костюма!
Последний костюм
для погони не
предназначен.
Удалите его, нажав
на крестик.
Теперь у Синего Пса только два беговых костюма. Программа будет работать правильно.
Сохраните её.
7.4. Задания
1. Усложните игру. Ускорьте бег Синего Пса.
2. Верните Псу задумчивый костюм и сделайте так, чтобы
в начале игры он стоял в задумчивости 3 секунды и только
потом отправлялся в погоню за Котом.
79
3. Сделайте так, чтобы после касания Кота Пёс, задумавшись, ждал 1 секунду.
4. Добавьте в проект Льва и сделайте так, чтобы при касании Льва Кот мяукал, а Пёс лаял. Лев при касании должен рычать. Запишите рычание с микрофона.
5. Сделайте проект про Кота, который будет управляться клавишами-стрелками вправо и влево, и при движении
направо будет заводить песнь с помощью блока играть звук,
а при движении налево будет говорить сказку с помощью
блока говорить.
80
ГЛАВА 8. МУЛЬТФИЛЬМ «АКУЛА И РЫБКА»
В синем море жили Рыбка и Акула, и как-то раз они повстречались. А что произойдёт дальше, будет зависеть от
того, как вы их запрограммируете.
8.1. Создаём персонажей
Запустите Scratch.
Добавьте два новых
спрайта, нажав кнопку
Выбрать спрайт
из библиотеки.
Выберите Акулу
(Shark) и нажмите
кнопку OK.
Затем выберите
Рыбку (Fish1) и
нажмите кнопку OK.
81
Теперь у нас есть три спрайта.
Кота в нашем
мультфильме не
будет, удалите его.
Для этого щёлкните
на спрайте Кота
правой кнопкой
мыши и выберите
команду удалить.
Остались только
рыбы.
Расположите Акулу повыше,
а Рыбку пониже.
82
8.2. Программируем Акулу
Рыбка будет
находиться на
месте, а Акула
плавать и
приговаривать
«Я тебя съем!»
в момент
касания Рыбки.
Сначала сделаем
программу для
Акулы.
Программа Акулы
состоит из двух
скриптов. Скрипты
запускаются
при нажатии на
зелёный флажок
и работают
одновременно.
Верхний скрипт
отвечает за
движение Акулы,
а нижний — за
касание Рыбки.
83
Ой! Кажется, рыбы не разговаривают...
Но думать-то они
умеют! Давайте
заменим блок
говорить блоком думать.
Второй скрипт
примет такой вид.
Нажмите на зелёный
флажок — Акула
поплывёт. Делает она
это очень медленно, по
одному шагу за раз. Если
Акула плавает и ничего
не думает, значит, она
не касается Рыбки.
Немного подвиньте
персонажей, чтобы они
соприкасались.
84
8.3. Программируем Рыбку
Надо дать Рыбке шанс на спасение. Пусть она тоже
плавает. Скопируйте ей скрипт с движением Акулы.
Нажмите на верхний блок скрипта движения, тащите его
на Рыбку и отпустите в тот момент, когда курсор мыши
будет точно над спрайтом Рыбки.
Теперь выберите
спрайт Рыбки.
У неё появился такой
же скрипт движения,
как и у Акулы.
Запускаем программу. Красота! Все плавают! Но Рыбка
никак не реагирует, когда её кусает Акула. Давайте скопируем ей и разговорный скрипт от Акулы.
85
Выберите спрайт Акулы, тащите второй скрипт на Рыбку и отпустите в тот момент, когда курсор мыши будет точно
над спрайтом Рыбки.
Теперь выберите
спрайт Рыбки.
Кажется, скрипты
смешались в кучу,
второй скрипт лежит
поверх первого!
Совет
Для того чтобы привести расположение скриптов
в порядок, есть хитрый способ. Щёлкните правой
кнопкой мыши в пустом пространстве и выберите
команду очистить.
86
Скрипты расположились в ряд. Размещение скриптов
не влияет на работу программы.
Теперь надо
изменить мысль
Рыбки. Напишите
«Ой-ой-ой!».
8.4. Тестируем программу
Запустите программу.
Оба персонажа плавают
вправо и влево, только
Рыбка получилась очень
уж трусливая. Она
постоянно думает: «Ой-ойой!», даже тогда, когда не
касается Акулы. Наверное,
в разговорном скрипте
Рыбки есть какая-то
ошибка.
87
Прочитайте второй скрипт внимательно. «Всегда, если
Рыбка касается Fish1, то она думает про „Ой-ой-ой!“». А что
такое Fish1? Это же спрайт Рыбки! То есть Рыбка думает
свою мысль, когда она касается сама себя, а это происходит
постоянно!
Надо изменить голубой блок. Нажмите на маленький
чёрный треугольник и выберите из выпадающего списка
Shark — спрайт Акулы.
Вот так должна
выглядеть правильная
программа Рыбки.
88
Запустите программу.
Теперь всё работает
так, как было задумано.
Однако Рыбка
продолжает улыбаться
в момент, когда её
касается Акула. Это
выглядит немного не
естественно.
Давайте сделаем так, чтобы в момент касания Рыбка
огорчалась. Для этого нам придётся создать новый
костюм. Выберите Рыбку и перейдите на вкладку
Костюмы. Щёлкните правой кнопкой мыши по костюму
и выберите команду дублировать.
Появится новый костюм Рыбки — точная
копия первого.
Увеличьте масштаб до 400% (это в четыре
раза больше нормального размера).
Рыбка станет огромной!
89
Выберите инструмент
Изменение формы.
Щелкните по рту Рыбки. Появятся
опорные точки. Они служат
для того, чтобы изменять форму
кривых линий. Это очень удобно.
Теперь щёлкните на заливке
и переместите уголок
заливки вниз.
Теперь у Рыбки
два костюма. Надо
немного изменить
скрипт касания
Рыбки Акулой. Теперь
она будет не только
ойкать, но и менять
костюм. Для этого
нам понадобится
блок если иначе.
90
При выполнении условия блок если иначе выполнит верхние
блоки — Рыбка сменит костюм на грустный и на 2 секунды
задумается о своей судьбе. В случае если условие не выполняется, будет выполнен нижний блок, переодевающий Рыбку в весёлый костюм.
Мультик готов. Не забудьте сохранить его.
8.5. Задания
1. Добавьте морской фон.
2. Измените скрипт Акулы, чтобы при касании Рыбки она
изменяла костюм и открывала пасть.
3. Сделайте так, чтобы Акула плавала в 2 раза быстрее
рыбки.
4. Добавьте в мультик ещё одну рыбку, которая будет плавать и вежливо здороваться со всеми при касании.
5. Добавьте в скрипты движения блоки поворота, чтобы
движение стало беспорядочным.
6. Добавьте аквалангиста, который будет молча плавать
внизу и останавливаться через каждые 100 шагов на 3 секунды для того, чтобы полюбоваться красотой подводного
мира.
91
ГЛАВА 9. ЧТО ТАКОЕ КООРДИНАТЫ Х И Y
9.1. Перемещение по горизонтали
Вы уже знаете, что для
перемещения спрайтов по
экрану существуют синие
блоки идти, повернуть
и повернуть в направлении.
Эти блоки позволяют переместить
спрайт в любую точку экрана.
Однако для перемещения спрайта
в горизонтальном направлении
(справа налево или слева направо)
лучше использовать специальный
блок изменить х.
Соберите вот
такие скрипты и
посмотрите, как
они работают.
Спрайт управляется стрелками и перемещается в горизонтальном направлении, но почему это происходит? Для того
чтобы понять, как работают эти скрипты, нужно вспомнить
про координатную ось х (произносится как «ось икс»).
92
Ось х — это горизонтальная линия, состоящая из множества точек, каждая из которых имеет свой номер. Центр
оси х находится в середине сцены, в этой точке координата Х
равна нулю. Значения Х справа от центральной точки — положительные, а слева — отрицательные. Если спрайт расположен в центре экрана и его координата Х равна нулю, а
затем он получит команду изменить х на 5, то спрайт переместится на 5 шагов вправо.
Таким образом, получается, что следующие скрипты выполнят одно и то же действие.
В случае же если спрайт расположен в центре экрана, а затем он получит команду изменить х на –5, то спрайт переместится на 5 шагов влево.
93
То есть эти скрипты эквивалентны.
Координата Х в Scratch может изменяться от –240 до 240.
Если дать спрайту задание перейти в точку с координатой Х больше 240, то спрайт скроется за краем экрана, а если
координата Х станет больше миллиарда, то спрайт исчезнет
в неизвестном направлении.
Вопрос
Как вернуть на сцену
исчезнувший спрайт?
Движение с помощью координаты Х позволяет более гибко управлять перемещением спрайтов. Например, можно
сделать так, чтобы Кот, который дошёл до правой границы
сцены, появлялся слева и продолжал движение направо.
И наоборот, Кот, который дошёл до левой границы, появлялся справа и продолжал движение налево.
Создайте
для Кота
вот такую
программу.
94
Обратите внимание, здесь использован новый блок установить х, он позволяет «телепортировать» спрайт в нужную точку. В нашем случае спрайт «телепортируется» на противоположную сторону сцены. Овальный блок положение х — это
защищённая переменная, которая всегда хранит значение
координаты Х спрайта. Подробнее о переменных вы узнаете
в следующих главах.
9.2. Перемещение по вертикали
Для перемещения
спрайтов по
вертикали
существует блок
изменить y.
Сделайте вот
такие скрипты
и посмотрите,
как они
работают.
Спрайт управляется стрелками
и перемещается в вертикальном
направлении. Для того чтобы понять, как работают эти скрипты,
нужно вспомнить про координатную ось y (произносится как «ось
игрек»). Ось y очень похожа на
ось х, она тоже состоит из множества пронумерованных точек. Её
центр находится в середине сцены. Есть только одно отличие —
ось y расположена вертикально.
95
Значения Y сверху от
центральной точки —
положительные, а снизу —
отрицательные. Если спрайт
расположен в центре экрана
и его координата Y равна
нулю, а затем он получит
команду изменить y на 5,
то спрайт переместится
на 5 шагов вверх.
В случае же если
спрайт расположен в
центре экрана, а затем
он получит команду
изменить y на –5,
то спрайт переместится
на 5 шагов вниз.
Таким образом,
получается, что
следующие скрипты
выполнят одно и то
же действие.
96
То есть эти скрипты
эквивалентны.
Координата Y в Scratch может
изменяться от –180 до 180.
Если дать спрайту задание перейти в
точку с координатой Y больше 180 или
меньше –180, то спрайт, как вы, наверное,
догадались, скроется за краем сцены.
Добавьте в программу Кота вот такие
скрипты.
97
Теперь, если Кот поднимется до верхней границы сцены,
то он появится снизу и продолжит движение вверх. А если
Кот опустится до нижней границы, то он появится сверху и
продолжит движение вниз.
Обратите внимание, здесь использован новый блок установить y. Он работает так же, как и блок установить х, и позволяет
«телепортировать» спрайт в нужную точку. В нашем случае
спрайт «телепортируется» на противоположную сторону сцены. Овальный блок положение y — это защищённая переменная, которая всегда хранит значение координаты Y спрайта.
Подробнее о защищённых переменных вы узнаете в следующих главах.
9.3. Рисование по координатам
Теперь, когда вы знакомы с координатами Х и Y, можно
попробовать нарисовать что-нибудь на сцене с применением
новых блоков.
Создайте новый
проект и соберите
для Кота вот такой
скрипт.
При запуске программы Котик изменит размер и станет в
5 раз меньше обычного (ведь 20% в 5 раз меньше, чем 100%).
Сцена очистится, перо опустится, и Кот четыре раза изменит
свои координаты так, что получится квадрат.
98
С применением
блока повторить
можно рисовать
очень красивые
узоры. Создайте
новый проект и
сделайте для Кота
вот такой скрипт.
Перетащите Кота
в центр сцены и
запустите скрипт,
он нарисует ряд
квадратиков.
Измените значение
в самом нижнем
блоке. Вместо –20
введите –40. Теперь
Котик рисует вот
такой узор.
Изменяйте значения
в блоках движения
и нарисуйте свои
узоры. Не забывайте
вручную перемещать
Кота в центр экрана.
99
9.4. Задания
1. Доработайте программу, в которой вы научили Котика
рисовать: добавьте скрипт, который по нажатию клавиши
очищает сцену, перемещает Кота в центр и восстанавливает его размер.
2. Сделайте так, чтобы при запуске программы Кот автоматически попадал в центр экрана, и вам не приходилось бы
перетаскивать его вручную.
3. Измените цвет и толщину пера.
4. На листе тетради «в клеточку» нарисуйте змейку, а затем научите Кота её рисовать.
5. На листе тетради «в клеточку» нарисуйте забор, а затем научите Кота его рисовать.
Подсказка
Блок повтора здесь
не нужен.
6. На листе тетради «в клеточку» нарисуйте спираль, а
затем научите Кота её рисовать.
100
ГЛАВА 10.
МУЛЬТФИЛЬМ «ПИКО И ПРИВИДЕНИЕ»
10.1. Координатная плоскость
Как вы знаете, монитор компьютера состоит из множества
отдельных точек — пикселов. Сцена в Scratch также состоит
из отдельных точек. Размер сцены 480 точек слева направо и
360 точек снизу вверх. Для того чтобы отличать точки одну
от другой, им даны две координаты: Х и Y. Каждая точка
сцены имеет свои координаты. Координаты записывают в
скобках: сначала Х, потом Y — (Х; Y).
101
Обратите внимание на правый нижний угол сцены. Под
ним указаны координаты кончика курсора мыши. Перемещайте мышь по сцене и посмотрите, как изменяются координаты. Попробуйте установить курсор точно в точку с координатами (0; 0).
Совет
В правом верхнем углу области скриптов вы
всегда можете увидеть координаты выбранного
спрайта. Сейчас Котик расположен в точке
с координатами (91; 49).
10.2. Новые блоки перемещения
по координатной плоскости
Вы уже научились
пользоваться некоторыми
блоками перемещения по
сцене с помощью координат.
102
Осталось познакомиться ещё с двумя. Блок перейти в х y «телепортирует» спрайт в точку сцены с указанными координатами. Он делает то же самое, что и пара блоков установить х
и установить y. Следующие блоки переместят спрайт в центр
сцены.
Ещё один блок плыть 1 секунд в точку х y плавно перемещает
спрайт в требуемую точку экрана.
Теперь, когда вы знакомы со всеми блоками движения,
можно создать мультфильм.
10.3. Делаем мультфильм
Как-то раз Пико гулял в старом замке. Он, как обычно,
слушал свой плеер и совсем не заметил, как появилось Привидение! «Мама!» — закричал Пико. Привидение улыбнулось, сказало: «Шутка!» — и растаяло.
Давайте сделаем маленький мультфильм о приключениях
Пико в старом замке.
Создайте новый проект.
Сначала измените фон.
Нажмите кнопку Выбрать
фон из библиотеки.
103
Выберите старый
замок и нажмите
кнопку OK.
Кота в нашей
истории не будет.
Удалите его.
Добавьте спрайты
Пико и Привидения.
Теперь у нас есть старый
замок, Пико и Привидение.
Начинаем
программировать!
104
10.4. Программируем Пико и Привидение
Сначала
запрограммируем
Пико.
Давайте посмотрим, как работает этот скрипт. Сначала
Пико немного уменьшит свой размер и перейдёт в правый
нижний угол сцены, в точку с координатами (200; –100).
Затем мы задаём стиль вращения влево-вправо и поворачиваем Пико лицом налево, ведь если такой стиль вращения
не задать, то Пико перевернётся вверх ногами! Затем Пико
30 раз циклически повторяет несколько действий — смещается влево на 5 шагов, изменяет костюм для анимации ходьбы и немного ждёт (примерно треть секунды). После того как
работа цикла закончится, Пико окажется на 150 шагов левее, чем в начале — он будет почти в центре сцены.
105
Обратите внимание!
К светло-коричневому блоку повторить через
меню, открываемому правой кнопкой мыши,
добавлено примечание. Примечание — это
пометка, помогающая другим понять, как
работает ваш проект. Не забывайте оставлять
примечания в своих проектах!
Теперь
запрограммируем
Привидение.
После запуска программы Привидение спрячется, немного уменьшит размер, наденет злой костюм, перейдёт в левый
нижний угол экрана и притаится на 5 секунд. Когда терпение
106
Привидения лопнет, то оно появится и не спеша поплывёт
на встречу Пико. Пико в этот момент всё ещё гуляет с закрытыми глазами и наслаждается музыкой. Но вот он заметил этот ужас и закричал! Привидение подождёт 2 секунды,
пока Пико наорётся, переоденется в милый костюм и скажет:
«Шутка!», после чего растает, циклически изменив эффект
призрака 10 раз на 10.
Проект готов, сохраните его.
10.5. Задания
1. Ускорьте передвижение Пико.
2. Ускорьте передвижение Привидения.
3. А теперь замедлите исчезновение Привидения.
4. Сделайте так, чтобы после исчезновения Привидения
Пико продолжил движение до левой границы сцены.
5. Добавьте ещё одно привидение, которое будет летать в
верхней части сцены в милом костюме и раз в 5 секунд будет
на 1 секунду становиться злым.
6. Добавьте смех Привидению, записав его.
107
ГЛАВА 11. ИГРА «ЛАБИРИНТ»
Жила-была девочка, и звали её Гига. Она была очень ответственная. У неё был младший брат. Его звали Нано, а
он был очень безответственный. Как-то раз Нано пошёл гулять один и увидел тайный вход в лабиринт. Он не позвал
сестру, а отправился бродить по тайному подземелью. Прошло три часа, и Гига разволновалась. «Где можно так долго
гулять?» — подумала она и отправилась на поиски брата.
Увидев вход в лабиринт, Гига всё поняла. Она хорошо знала
Нано, из всех возможных проблем он всегда выбирал самые
сложные. «Пойду на помощь», — решила бесстрашная Гига
и вошла в лабиринт.
Давайте сделаем игру, в которой Гиге надо пройти через
лабиринт и найти Нано. Стен касаться нельзя, ведь они из
лавы!
11.1. Рисуем лабиринт
Создайте новый проект.
Начнём с лабиринта. Нажмите
кнопку Нарисовать новый фон.
Выберите инструмент
Заполнить цветом.
Выберите чёрный цвет.
108
Залейте сцену чёрным.
Теперь нарисуем стены из лавы.
Выберите тёмно-малиновый цвет.
Совет
Для того чтобы линии
получались ровными,
рисуйте при нажатой
клавише .
Нарисуйте лабиринт.
109
Кота в нашей
истории не будет.
Удалите его.
Добавьте спрайты
Гиги и Нано.
Теперь у нас есть
лабиринт, Гига и
Нано.
Можно начинать
программировать!
11.2. Программируем Гигу и Нано
Сначала
запрограммируем
Гигу.
110
Рассмотрим, как работает скрипт. Сначала уменьшается
размер Гиги, чтобы она смогла протиснуться через лабиринт,
она перемещается в левый верхний угол, делается видимой и
1 секунду ждёт, чтобы вы также переместили курсор мыши
в левый верхний угол. Далее Гига в вечном цикле постоянно
цепляется за курсор мыши и проверяет, не касается ли она
лавы малинового цвета. Если касается, то конец игры. Гига
говорит печальную фразу, исчезает, а выполнение программы останавливается блоком стоп все.
Теперь
запрограммируем
Нано.
Задача Нано очень простая — стой и жди, когда тебя спасут. В начале работы программы Нано уменьшается, так же
как и сестра, и переходит в точку (50; –140). В вечном цикле
он проверяет, не спасла ли его Гига? Если она коснётся брата, то он радостно закричит, а программа будет остановлена,
так как вы выиграли.
Сохраните проект.
111
11.3. Усложняем игру
Если вы немного поиграете в эту игру, то поймёте, что она
не очень сложная. Для того чтобы сделать проект интереснее,
можно добавить в лабиринт Охранников, с которыми нельзя
встречаться Гиге.
Сегодня охранником
поработает летучая
мышь. Добавьте её из
библиотеки спрайтов.
Соберите для
Охранника такой
скрипт.
Размер Охранника будет небольшой, стиль вращения
влево-вправо. Полёт он начинает из левого верхнего угла
из точки с координатами (–190; 130). Затем в вечном цикле
Охранник плывёт в точку (60; 130), потом разворачивается и
плывёт назад. Теперь Гиге будет непросто спасти Нано!
112
Скрипт Гиги
надо немного
модернизировать,
чтобы она
реагировала на
Охранника.
В скрипт добавлено
ещё одно условие,
которое срабатывает
при касании
Охранника (Bat1).
Проект готов,
сохраните его.
11.4. Задания
1. Сделайте так, чтобы Гига управлялась клавишамистрелками, а не мышью.
2. Ускорьте движение Охранника.
3. Добавьте ещё одного Охранника.
4. Уменьшите размер героев до 20% и нарисуйте новый,
более сложный лабиринт.
5. У Летучей мыши два костюма. Сделайте так, чтобы при
движении она махала крыльями.
113
ГЛАВА 12. МУЛЬТФИЛЬМ
«КОТ И ЛЕТУЧАЯ МЫШЬ»
Жил да был Кот. Гулял он по пустыне и никого не трогал. Вдруг, откуда ни возьмись — Летучая мышь. «Я тебя
съем!» — угрожающе прошипела Летучая мышь. «Попробуй
догони!» — ответил Кот, надевая реактивный ранец.
Сделаем мультфильм о встрече Кота и Летучей мыши.
12.1. Рисуем сцену и костюмы Кота
Создайте новый
проект. Измените фон
на пустыню.
114
Добавьте в проект
новый спрайт —
Летучую мышь.
Теперь нужно
нарисовать новые
костюмы Коту и Летучей
мыши. У Кота будет
всего четыре костюма.
Два обычных, ещё один
костюм с реактивным
ранцем и один с
включённым ранцем.
Выберите Кота
и перейдите на
вкладку Костюмы.
115
Щёлкните на первом
костюме правой
кнопкой мыши и
выберите команду
дублировать.
Появится новый костюм. На нём
мы и нарисуем реактивный ранец.
Увеличьте масштаб до 400% (это в
четыре раза больше нормального
размера).
Теперь надо
нарисовать сопло,
из которого будет
вырываться пламя.
Снова выберите
инструмент
Прямоугольник,
выберите
закрашенный тип
прямоугольника.
117
Выберите чёрный
цвет и нарисуйте
сопло.
Третий костюм Кота
готов! Щёлкните на
нём правой кнопкой
и выберите команду
дублировать — появится
четвёртый костюм. На нём
мы нарисуем пламя от
реактивного ранца.
Выберите инструмент
Эллипс (эллипс означает
овал).
Нарисуйте тонкий
овал пламени.
118
Выберите жёлтый
цвет и закрашенный
тип овала.
Выберите красный цвет
и нарисуйте ещё один
маленький овальчик
около сопла.
Переименуйте все
костюмы.
Костюмы Кота готовы, но они имеют
бессмысленные имена. Для того чтобы
скрипты программы были понятней и легко читались, костюмам нужно дать осмысленные имена.
Выберите первый костюм Кота и
переименуйте его, написав новое имя в
поле ввода имени и нажав клавишу .
Пробелы в именах использовать можно.
119
12.2. Рисуем костюмы Летучей мыши
Теперь надо сделать ещё два
костюма для Летучей мыши и можно
начинать программировать.
Выберите Летучую мышь и
перейдите на вкладку Костюмы.
Сейчас у нас есть два костюма нашего персонажа, которые мы используем для анимации движения.
Нужно добавить ещё два костюма со
слезами, ведь Летучая мышь очень
расстроится, когда не сможет поймать Кота.
Дублируйте первый костюм.
Выберите инструмент Карандаш.
Выберите голубой цвет
и нарисуйте слёзы.
Дублируйте
второй
костюм и
нарисуйте
такие же
слёзы.
Все костюмы готовы. Осталось только переименовать их.
Первый костюм назовите «Крылья вверх», второй —
«Крылья вниз», третий — «Крылья вверх плачет», четвёртый — «Крылья вниз плачет». Теперь можно начинать программировать.
120
12.3. Программируем
Кота и Летучую мышь
Сделайте вот
такой скрипт
для Кота.
Давайте посмотрим, как работает этот
скрипт. Сначала Кот появляется и
переходит в левый нижний угол сцены
в точку (–200; –100). Затем Кот 40 раз
дважды изменяет Х на 5 (идёт направо)
и меняет костюм для анимации шагов.
После того как он
дойдёт до правого
края сцены,
«телепортируется»
в точку (–200; –100)
и продолжит
анимированное
движение до середины
сцены. В этот момент
Кот повстречает
Летучую мышь и
поздоровается с ней.
Потом подождёт, пока
она скажет свою
фразу, и вежливо
попрощается с Летучей
мышью. После этого
Кот изменяет свой
костюм на костюм с
реактивным ранцем,
ждёт 1 секунду,
запускает ранец, меняя
костюм ещё раз, и
уплывает в вышину,
в точку (–80; 160). После
того как Кот уплывёт
наверх, он скроется.
121
Теперь
запрограммируйте
Летучую мышь.
Совет
При создании скриптов
будьте очень внимательны,
не перепутайте блоки
установить х и изменить х,
старайтесь не потерять
минусы у отрицательных
чисел, не перепутайте
костюмы.
Не забудьте
сохранить проект.
122
Рассмотрим, как
работает этот
скрипт. В начале,
пока Кот гуляет по
пустыне, Летучая
мышь спрячется
и ждёт 11 секунд.
Затем она переходит
в правую нижнюю
часть сцены в точку
с координатами (200;
–100) и показывается.
После этого она
приближается к Коту,
изменяя Х
на –5 и размахивая
крыльями. Как
только персонажи
встретятся,
Летучая мышь
без промедления
угрожает Коту
расправой. После
асимметричного
ответа Кота ей
остаётся лишь
плакать и лететь за
ним. Летучая мышь
поднимется вверх
и исчезнет.
12.4. Задания
1. Добавьте в мультфильм музыкальное сопровождение.
2. Запишите с микрофона фразы Кота и Летучей мыши и
добавьте их в мультфильм вместо блоков говорить.
3. Найдите в Интернете звук реактивного двигателя и добавьте его в мультфильм.
4. Создайте новый спрайт с надписью «THE END» и запрограммируйте его на появление в конце мультфильма.
5. Добавьте персонажам скрипты, которые после нажатия
клавиши отображают и Кота, и Летучую мышь и
помещают каждого из них в свой угол сцены. Другими словами, запрограммируйте сброс настроек персонажей.
6. Чтобы Летучая мышь не расстраивалась и не осталась
голодной, сбросьте ей тортик. Можете добавить озвучание.
7. Сделайте свой коротенький мультфильм с двумя персонажами.
123
ГЛАВА 13.
ИГРА «ПРОЙДИ СКВОЗЬ КАКТУСЫ»
Кот включил реактивный ранец и удрал от Летучей мыши.
Он летел в вышине и любовался красотой природы. Вдруг топливо закончилось, и Кот приземлился прямо в заросли кактусов. Как же ему выбраться?
Сделаем игру, в которой игроку предстоит провести Кота
между кактусами, ни разу не коснувшись колючих иголок.
Кот должен дойти до вертолёта, тогда он будет спасён.
124
13.1. Создаём спрайты
Так как действие игры
происходит в пустыне, то
сначала закрасим сцену
жёлтым цветом.
Нажмите кнопку
Нарисовать новый фон.
Выберите инструмент
Заполнить цветом.
Выберите жёлтый цвет.
Закрасьте фон, просто щёлкнув
мышью по нему.
Теперь нарисуем кактусы.
Нажмите кнопку Нарисовать
новый спрайт.
Увеличьте масштаб до 400%.
Выберите инструмент
Эллипс.
125
Выберите
закрашенный овал.
Выберите зелёный
цвет.
Выберите светлозелёный цвет.
Нарисуйте кактус,
состоящий из нескольких
овалов разного размера.
Нарисуйте точки —
это будут иголочки.
Кактус готов.
126
Если же загруженное
изображение имеет
не белый фон, то
его можно удалить с
помощью кнопки Remove
Background.
Если у вас получился некрасивый
кактус, то вы всегда можете
загрузить его изображение из
Интернета, а затем добавить
его в Scratch с помощью кнопки
Загрузить спрайт из файла.
Теперь добавьте из
библиотеки спрайтов
вертолёт.
Старайтесь искать в
Интернете изображения
на белом фоне, его
очень просто удалить —
стоит только залить его
прозрачным цветом.
Надеюсь, у вас получился
красивый кактус.
Теперь у нас есть закрашенный
фон, Кот, Кактус и Вертолёт.
Начинаем программировать!
127
13.2. Программируем
поведение спрайтов
Сначала
запрограммируем
Вертолёт.
Теперь расставим
по сцене кактусы.
Соберите для
первого кактуса вот
такой скрипт.
Принцип работы скрипта очень простой. Вертолёт перемещается в правую часть сцены, немного уменьшается в размере, появляется и ждёт, пока его не коснётся Котик (Sprite1).
После этого он говорит фразу, поворачивается носом влево,
быстро улетает в точку (–230; 170) и там скрывается.
Здесь использован новый блок ждать до. Этот блок останавливает выполнение скрипта до тех пор, пока не выполнится
его условие.
128
Теперь
продублируйте
кактус.
Сделайте вот такой
скрипт для второго
кактуса.
Продублируйте первый кактус ещё 4 раза и измените
скрипты новых кактусов. Третий кактус должен находиться в точке (–50; –60), четвёртый в точке (–40; 100), пятый в
точке (80; 20), а шестой в точке (50; –130).
Нажмите на зелёный флажок, и вы увидите, как будут
расставлены кактусы.
Теперь надо запрограммировать поведение Кота. Его
скрипты самые сложные, ведь ему надо взаимодействовать
со всеми спрайтами!
Сначала сделайте
четыре скрипта для
управления Котом.
129
А теперь
добавьте скрипт,
описывающий
взаимодействия
с кактусами и
Вертолётом.
Скрипт очень
большой, но
состоит из шести
похожих блоков
если, описывающих
касание кактусов.
При касании любого
кактуса Кот скажет
«Ай!» и перейдёт в
начальную точку.
130
Совет
Используйте команду дублировать из меню,
которое появляется после щелчка правой кнопкой
мыши, чтобы копировать блоки если.
Вставляйте
дублированный
блок в блок всегда
и изменяйте имя
спрайта в голубом
сенсорном блоке.
131
При касании вертолёта Кот скажет «Ура!» и спрячется
(как будто сядет в Вертолёт).
Игра готова. Запустите её и попробуйте пройти к Вертолёту. Если кактусы получились очень большими, то уменьшите их с помощью кнопки Уменьшить.
Сохраните игру.
13.3. Задания
1. Увеличьте скорость движения Кота.
2. Добавьте ещё два кактуса и доработайте скрипт Кота.
3. Сделайте так, чтобы Кот управлялся мышью.
4. Замедлите полёт Вертолёта в 3 раза.
5. Найдите в Интернете звук мотора и добавьте этот звук
летящему Вертолёту.
6. Найдите в Интернете изображение вертолёта и замените костюм Вертолёта.
7. Обратите внимание, что после остановки игры Кот и
Вертолёт скрыты. Добавьте для этих персонажей скрипты,
которые по нажатию клавиши возвращают и того,
и другого на сцену и отображают их в левом нижнем углу
(Кота) и правом верхнем углу (Вертолёт).
132
ГЛАВА 14. ИГРА «ВЕДЬМА И ВОЛШЕБНИК»
Давным-давно, когда Волшебник только завершил эксперименты и создал первую в мире летающую метлу, в дверь его
дома постучали. Погода была ужасная, и Волшебник не смог
отказать одинокой путнице. Он пустил её в дом, накормил
ужином, позволил обсохнуть и отдохнуть. Наутро женщина
пропала, летающей метлы тоже не оказалось на месте. Волшебник понял, что это была Ведьма, которая давно мечтала о
новом средстве передвижения. Он поклялся отомстить.
Давайте сделаем игру, в которой Волшебник повстречает
Ведьму и отомстит ей. Всего у Волшебника есть 5 склянок с
волшебными зельями. Ведьма будет летать, но это ей не поможет.
14.1. Создаём спрайты
Встреча Волшебника и Ведьмы будет происходить в магическом лесу. Выберите его из библиотеки фонов.
133
Кота в нашей
истории не будет.
Удалите его.
Добавьте
Волшебника и Ведьму
из библиотеки
спрайтов.
Теперь у нас есть лес
и главные герои. Нужно
нарисовать склянки
с зельями.
Нажмите кнопку
Нарисовать новый спрайт.
Увеличьте
масштаб
до 400%.
Нажмите кнопку Конвертировать в векторную графику
(эта кнопка находится в правом нижнем углу экрана). В векторном режиме проще рисовать сложные объекты. (Надеюсь,
вы знаете, что такое векторная и растровая графика.)
Выберите инструмент
Эллипс.
134
Выберите красный цвет.
Нарисуйте
овал.
Установите минимальную
ширину линии.
Выберите инструмент
Изменение формы.
Если щёлкнуть
на линии между
опорными точками,
то в этом месте
появится новая
опорная точка.
135
Теперь овал
покрыт
опорными
точками.
Перемещая
эти точки,
можно
изменять
форму
объекта.
Теперь выберите
инструмент
Окрасить форму.
Нарисуйте
горлышко
склянки.
Вместо белого цвета
выберите розовый.
Переключите цвета.
Окрасьте склянку.
Задайте вот такой
способ заливки.
Теперь надо нарисовать
пробку. Выберите инструмент
Прямоугольник.
136
Щёлкните в палитре по
чёрному цвету и нарисуйте
прямоугольничек.
Выберите инструмент
Изменение формы.
Первая склянка готова. Продублируйте её 4 раза и
перекрасьте новые склянки с помощью инструмента
Окрасить форму. Должно получиться 5 магических
склянок.
137
Все спрайты готовы,
можно начинать
программировать!
Разместите арсенал
Волшебника в левой
части экрана.
14.2. Программируем спрайты
Сделайте вот такую
программу для
красной склянки.
Здесь использованы сразу два новых блока: когда спрайт нажат и передать. Как вы, наверное, догадались, блок когда спрайт
138
нажат позволяет выполнить то, что прицеплено к нему в том
случае, когда щёлкнули по спрайту.
Блок передать осуществляет передачу сообщения с указанным именем.
В нашем случае при щелчке на красной склянке будет
передано сообщение с именем «Цвет». Сообщения нужны
для того, чтобы остальные спрайты проекта понимали, что
происходит, и реагировали, как задумано. В нашем случае
на сообщения будут реагировать Ведьма и Волшебник. Волшебник будет произносить фразу, а Ведьма станет магически
видоизменяться.
Совет
Для того чтобы ввести новое сообщение,
необходимо раскрыть выпадающий список
и выбрать команду новое сообщение.
В окне ввода
надо ввести имя
сообщения и нажать
кнопку OK.
Для синей склянки
сделайте вот такую
программу.
Для зелёной
склянки вот такую.
139
Для фиолетовой вот такую.
Для жёлтой вот такую.
Теперь
запрограммируйте
Волшебника. У него
будет 6 скриптов.
140
Соберите программу для Ведьмы.
Она состоит из шести скриптов.
Для перемещения Ведьмы в случайном направлении мы
использовали новый блок выдать случайное. Он каждый раз выдаёт новое значение из указанного диапазона. В нашем случае этот блок выдаёт значение для Х из диапазона от –80
до 220 и для Y от –160 до 160. Это сделано для того, чтобы
Ведьма летела каждый раз в новую точку.
141
14.3. Всплывающие подсказки
Я думаю, будет хорошей идеей добавить каждой склянке
всплывающую подсказку, чтобы при наведении на неё курсора мыши склянка сообщала нам о своём содержимом. Так
Волшебнику будет проще расправиться с противником.
Добавьте красной
склянке вот такой
скрипт.
Добавьте синей
склянке вот такой
скрипт.
Добавьте зелёной
склянке вот такой
скрипт.
142
Добавьте фиолетовой
склянке вот такой
скрипт.
Добавьте жёлтой
склянке вот такой
скрипт.
Проект готов,
протестируйте его
и сохраните.
14.4. Задания
1. Замедлите перемещение Ведьмы.
2. Сделайте новое зелье, которое будет накладывать на
Ведьму сразу несколько эффектов.
3. Сделайте несколько зелий для Ведьмы, чтобы она могла
отбиваться от Волшебника.
4. Сделайте так, чтобы при касании Волшебника Ведьма
произносила какую-нибудь фразу. Можете попросить друга
или родителей записать реплику Волшебника. Тогда у вас в
игре персонажи смогут говорить разными голосами.
5. Сделайте так, чтобы при нажатии на склянку она на некоторое время становилась ярче, а потом снова возвращалась
в обычное состояние.
143
ГЛАВА 15. КОТ-МАТЕМАТИК
15.1. Переменные
Жил да был очень умный Котик. Он жил на рынке рядом с
прилавком, на котором продавали рыбу. Весь день он наблюдал за торговлей и научился считать.
В этой главе мы сделаем проект про Кота-математика. Кот
будет очень грамотным и сможет складывать числа.
При создании этого проекта нам понадобятся переменные.
Переменные в Scratch — это такие овальчики, которые хранят в себе некоторые значения.
Для того
чтобы создать
переменную,
нужно выбрать
оранжевые блоки
Данные и нажать
кнопку Создать
переменную.
Необходимо ввести
имя переменной,
например Жизни, и
нажать кнопку OK.
144
Появится овальная
переменная и
оранжевые блоки.
Блок задать значение позволяет записать в переменную значение. Оно может быть числом или словом. Если переменная
хранит числовое значение, то блок изменить может изменить
значение переменной. Блоки показать переменную и скрыть переменную делают то же самое, что и маленькая галочка рядом с
именем переменной — отображают или скрывают значение
переменной на сцене. Это выглядит вот так.
145
В Scratch есть два вида переменных: пользовательские и
защищённые. Пользовательские переменные оранжевого
цвета, вы можете создавать их, удалять, можете присваивать им любые значения. Защищённые переменные — это
переменные разных цветов, изменить значение которых вы
не можете. Эти переменные хранят информацию, которую
получают автоматически. Вот все защищённые переменные
Scratch.
Синие защищённые переменные хранят информацию о
координатах спрайта и его направлении; фиолетовые — порядковый номер костюма, имя фона и размер спрайта; сиреневые переменные хранят громкость звука и темп мелодии;
голубые — ваши ответы, которые вы будете вводить, время и
положение курсора.
15.2. Конструируем игру
Теперь, когда вы познакомились с переменными, можно
сделать игру про Кота-математика. Сначала создайте две переменные: Первое слагаемое и Второе слагаемое.
146
Соберите для Кота
вот такой скрипт.
Здесь использован
новый блок
спросить и ждать. Этот
блок отображает
на сцене поле
для ввода
информации. Вы
должны ввести в
это поле первое
слагаемое и
нажать клавишу
.
147
Значение, введённое в поле ввода,
попадает прямо в голубую защищённую
переменную ответ. С помощью блока задать
значение значение переменной ответ будет
записано в переменную Первое слагаемое.
148
Следующее значение, введённое в поле ввода,
попадёт в переменную ответ, и сразу после этого
будет записано в переменную Второе слагаемое.
149
Котик сообщит
сумму слагаемых.
Какой молодец! Для
получения ответа он
использовал блок
сложения чисел.
В каждое из полей этого
блока вставляется какаялибо переменная. В нашем
случае в поля вставлены
слагаемые. С помощью блока
говорить Кот произносит сумму
слагаемых.
Сохраните проект.
15.3. Задания
1. Измените проект так, чтобы Кот умножал введённые
значения.
2. Измените проект так, чтобы Кот находил сумму трёх чисел.
3. Добавьте в проект банкира, который будет переводить
введённую сумму в рублях в пиастры по курсу 75 рублей за
пиастр. (Надеюсь, вы читали роман Роберта Льюиса Стивенсона «Остров сокровищ»? У пиратов там были пиастры.)
150
4. Добавьте в проект заправщика, который будет спрашивать, сколько литров бензина залить, и говорить стоимость
при цене 35 рублей за литр бензина.
5. Добавьте в проект автомобиль, который потребляет
10 литров бензина на 100 километров пути. Пускай этот автомобиль спрашивает расстояние, которое вы собираетесь
проехать, и сообщает о затратах на бензин при цене 35 рублей за литр.
15.4. Отгадай число
Давайте сделаем ещё один математический проект — игру
про отгадывание чисел. Кот будет загадывать число от 1 до
10, а задача игрока — угадать, какое число загадано. Всего
10 попыток.
Соберите вот такую
программу для Кота.
Создайте
новый проект и
добавьте в него
две переменные:
Очки и Загадал.
Снимите галочку
с переменной
Загадал, и она
пропадёт со
сцены.
151
В начале работы программы переменная Очки будет обнулена. Затем Кот скажет: «Отгадайте 10 чисел от 1 до 10». Потом 10 раз повторится цикл загадки. Сначала переменной
Загадал будет задано случайное значение с помощью блока
выдать случайное. Случайное значение будет выбрано из диапазона от 1 до 10. Затем Кот спросит: «Какое число я загадал?»
Ваш ответ будетпомещён в защищённую переменную ответ.
Блок если сравнит переменные ответ и Загадал. Если они равны, то переменная Очки увеличится на единицу, и Кот предложит отгадывать следующее число. После 10 проходов цикла Кот скажет, сколько очков вы набрали, и если вы набрали
больше 3 очков, то вы экстрасенс! У меня не получается угадать больше одного числа.
Сохраните проект.
15.5. Виды отображения переменных
Если напротив переменной установить
галочку, то она будет отображаться на
сцене вот в таком виде.
Если дважды щёлкнуть на этой
переменной, то она изменит внешний
вид и станет крупнее.
Если ещё раз дважды щёлкнуть по ней,
то под значением переменной появится
рычажок, с помощью которого можно
изменять её значение.
152
Сделайте вот
такой скрипт
и посмотрите,
как работает
рычажок.
Перемещайте рычажок, и вы увидите,
как будет изменяться размер Котика.
15.6. Задания
1. Добавьте ещё одну переменную — Номер попытки. Пусть
в ней отображается значение текущей попытки.
2. Сыграйте в игру 10 раз и запишите набранные очки на
бумаге. Измените диапазон случайных чисел от 1 до 5. Снова запишите ответы на бумаге. Почему теперь вы можете набрать больше очков?
3. Сделайте так, чтобы Кот спрашивал не случайное число, а примеры из таблицы умножения. Для этого вам понадобятся ещё две переменные: Слагаемое1 и Слагаемое2.
153
ГЛАВА 16. ИГРА «ВЕРТОЛЁТ»
Смелый Кот прошёл сквозь кактусовую поляну и полетел
на вертолёте. Однако Летучая мышь заметила его и позвала
своих друзей на охоту. На Вертолёт нападают 35 Летучих
мышей. У него есть 3 жизни — он может всего лишь 3 раза
столкнуться с врагом. Цель игры — набрать 30 очков.
16.1. Создаём спрайты и фон
Так как дело происходит высоко в небе, то закрасьте фон
голубым цветом. Можете нарисовать облака и солнце.
154
Спрайт Кота удалите.
Добавьте спрайт
Вертолёта и спрайт
Летучей мыши.
Переименуйте спрайт Летучей мыши. Щёлкните на синем
кружке с буквой «i», откроется окно свойств спрайта. Введите новое имя спрайта.
Совет
Окно свойств спрайта можно использовать не только
для переименования спрайта, но и для изменения его
видимости, стиля вращения и направления.
Сначала мы запрограммируем одну Летучую мышь, а потом просто продублируем её. Новые летучие мыши будут содержать такие же спрайты, как и у первой мыши, ведь их
поведение должно быть одинаковым.
У Вертолёта должно быть 4 костюма с разной степенью
повреждений.
Выберите спрайт
Вертолёта, перейдите
на вкладку Костюмы и
продублируйте первый
костюм Вертолёта.
155
Инструментом Кисть
нарисуйте небольшие
повреждения Вертолёта.
Дублируйте второй
костюм и добавьте ещё
больше повреждений.
Можете нарисовать
белый или серый дым.
Дублируйте третий
костюм Вертолёта
и добавьте
суперповреждения.
Спрайты
готовы, можно
программировать!
16.2. Программируем спрайты
Сначала создайте две переменные: Очки и Жизни. Переменная Очки
будет вести подсчёт очков до достижения 30, а переменная Жизни будет
показывать оставшиеся жизни Вертолёта.
156
Сделайте 3 скрипта
для Вертолёта.
Первый скрипт такой.
Первый скрипт устанавливает размер Вертолёта в 2 раза меньше
обычного, «одевает» на
него первый костюм и делает Вертолёт видимым.
Далее задаёт начальные
значения переменных, перемещает Вертолёт в левый нижний угол сцены,
в точку (–190; –150), а затем постоянно устанавливает координату Y Вертолёта в координату Y мыши. В результате вертикальное положение Вертолёта задаётся движением мыши.
В горизонтальном направлении Вертолёт не двигается.
Теперь второй
скрипт.
Это скрипт победы. Всё время (блок всегда) проверяется,
равна ли переменная Очки значению 30. Когда это случится,
Вертолёт закричит: «Победа!»
157
Третий скрипт такой.
Третий скрипт Вертолёта изменяет его костюм в зависимости от количества оставшихся жизней. Если у Вертолёта
3 жизни, то он без повреждений; если 2 жизни, то он немного
«помят»; если 1, то он еле летит; а если 0, то он падает и останавливает выполнение программы.
158
Теперь запрограммируйте
Летучую мышь, у неё 4 скрипта.
Первый скрипт такой.
Первый скрипт Летучей мыши уменьшает её в 2 раза, переносит в случайную точку к правой границе сцены, немного
ждёт и всегда изменяет Х на –3, медленно перемещая Летучую мышь влево.
Второй скрипт такой.
Второй скрипт всегда ждёт, пока Летучая мышь не коснётся левого края сцены. В этом случае он увеличивает переменную Очки на 1 и снова «телепортирует» Летучую мышь в
случайную точку к правой границе сцены.
159
Теперь соберите
третий скрипт.
Этот скрипт всегда ждёт, пока Летучая мышь не коснётся
Вертолёта. Когда это произойдёт, переменная Жизнь уменьшается на 1. Двухсекундная задержка нужна для того, чтобы за одно касание отнималась только одна жизнь.
Эксперимент
Удалите блок ждать и посмотрите, как
будет изменяться переменная Жизни при
соприкосновении Вертолёта и Летучей мыши.
Это скрипт с условием победы, он следит за значением переменной Очки. Если её значение сравняется с 30, то Летучие
мыши заноют: «Опять не поймали!»
Протестируйте работу программы.
Играть с одним противником очень легко и неинтересно.
Давайте добавим ещё немного Летучих мышей, чтобы их
стало 5.
Дублируйте Летучую
мышь 4 раза.
160
Измените в первом скрипте каждой Летучей мыши время
задержки в блоке ждать. У первой мыши должна быть 1 секунда, у второй — 2 секунды, и так далее. Теперь они будут
стартовать по очереди, а не всей гурьбой.
Протестируйте игру и сохраните её.
16.3. Задания
1. Сделайте так, чтобы Летучие мыши махали крыльями
в полёте.
2. Сделайте так, чтобы при касании Вертолёта Летучая
мышь на 0.1 секунды изменяла свою яркость.
3. Добавьте Вертолёту ещё две жизни и два костюма.
4. Ускорьте полёт Летучих мышей.
5. Добавьте ещё две Летучие мыши.
6. Сделайте так, чтобы после гибели Вертолёта появлялся
Кот и спускался вниз на парашюте.
161
Глава 17.
Полёт с ускорением «Флэппи Бёрд»
17.1. Создаём спрайты и фон
Давайте сделаем свою версию популярной игры «Флэппи Бёрд».
Как вы помните, задача птички — пролететь между труб и набрать
как можно больше очков.
Сначала нарисуйте фон. Он может быть любым. Я нарисовал лето, поле с цветами и облака. Вы можете поместить
162
Птичку в более экстремальные условия. Включите фантазию!
Для запуска игры мы будем использовать спрайт Play
(произносится как «плэй») в виде кнопки. Нажмите кнопку
Нарисовать новый спрайт. Затем нажмите кнопку Конвертировать в векторную графику, которая находится в правом
нижнем углу экрана. После этого будет удобнее рисовать.
Нарисуйте кнопку
в виде оранжевого
прямоугольника.
Затем выберите
инструмент Текст.
Напишите на кнопке
слово «Play».
Разместите кнопку в правой части сцены.
Теперь нарисуйте Птичку. Это персонаж игры, и поэтому
надо нажать кнопку Нарисовать новый спрайт. Затем переключитесь в режим растровой графики, нажав кнопку Конвертировать в растровую графику. У Птички должно быть
2 костюма для анимации крыльев.
Вот первый костюм.
Вот второй костюм.
Как видите, они отличаются только формой крыльев.
163
Теперь создайте Трубы. У них будет 5 разных костюмов.
Вот так должен
выглядеть
первый костюм.
Для создания следующих костюмов дублируйте первый костюм
и просто переместите трубы выше или ниже.
Для перемещения
используйте
инструмент Выбрать.
Для того чтобы удлинить часть
трубы, выберите инструмент
Выбрать и копировать.
164
Выделите
часть
трубы.
Выделенная
область
автоматически
скопируется.
Останется только
переместить её
на новое место.
Все спрайты
готовы, но они
имеют странные
имена: Sprite1,
Sprite2 и Sprite3.
165
Создайте пять вот
таких костюмов.
Давайте дадим им нормальные имена. Щёлкните на синем
кружке с буквой «i», откроется окно свойств спрайта.
Введите новое
имя спрайта.
Переименуйте все спрайты.
Теперь можно
начинать
программировать!
17.2. Программируем поведение
спрайтов
Сначала запрограммируйте кнопку Play.
У неё очень простая программа. При запуске игры она появится в правой части экрана в точке (120; 0), а затем при
166
нажатии на неё спрячется
и передаст сообщение «старт».
Теперь сделайте вот
такую программу
для Труб.
Сначала создайте переменную очки, она будет
хранить количество очков, набранное игроком.
167
Основной скрипт Труб запускается после получения сообщения «старт». Сначала Трубы изменяют свой костюм на
один из пяти, случайно выбранный с помощью блока выдать
случайное. Потом Трубы перемещаются на правую границу сцены, где Х = 240. Затем Трубы медленно двигаются налево,
в цикле изменяя свою координату Х на –4. Здесь использован
новый блок цикла с условием повторять пока не. Этот блок повторяет своё содержимое до тех пор, пока не будет выполнено
условие. В нашем случае он будет перемещать Трубы влево
до тех пор, пока они не окажутся на левом краю сцены в точке, где Х меньше –230. После того как Трубы «доплывут» до
левой границы сцены, выполнение цикла будет завершено, и
переменная очки увеличит своё значение на 1.
Теперь соберите скрипты для Птички. Сначала создайте
ещё одну переменную — скорость. Она будет отвечать за скорость вертикального перемещения Птички (то есть вверх и
вниз). Вправо и влево Птичка перемещаться не будет.
В начале работы программы Птичка перемещается в точку (–100; 0) и ждёт, когда игрок нажмёт кнопку Play. После нажатия Play и получения сообщения «старт» Птичка
всегда будет изменять координату Y на величину, которая
хранится в переменной скорость. В начале работы программы
скорость = 5. Это значит, что Птичка будет лететь вверх, изменяя Y на 5. В этом же цикле постоянно проверяется условие, не коснулась ли Птичка Труб? Если это произойдёт, то
работа программы будет тут же прекращена.
Третий скрипт Птички отвечает за изменение её вертикальной скорости — за «физику» игры. Вы, конечно, знаете,
что любой предмет, брошенный вверх, летит с замедлением. Вертикальная скорость брошенного предмета постоянно
уменьшается до тех пор, пока в верхней точке полёта не станет равной нулю — предмет перестанет подниматься и начнёт падать. Это означает, что скорость подъёма стала отрицательной, и направление движения изменилось с подъёма на
падение. Для того чтобы смоделировать этот закон физики в
игре, мы будем постоянно уменьшать значение переменной
скорость на 0.5. При нажатии клавиши Птичка
будет взлетать, махая крыльями, и устанавливать значение
168
переменной скорость равным 5. Как только клавиша будет отпущена, Птичка перестанет махать крыльями
и продолжит уменьшать скорость на 0.5.
Игра готова, попробуйте
набрать как можно больше
очков.
Это скрипты Птички.
169
Эксперимент
Изменяйте начальное значение переменной
скорость и значение её отрицательного изменения.
Посмотрите, как будет меняться полёт Птички.
Сохраните проект.
17.3. Задания
1. Доработайте проект, чтобы Птичка управлялась не только
клавишей , но и щелчком мыши.
2. Измените скорость движения Труб.
3. Добавьте Монетку, которая при касании Птички будет давать
сразу 5 очков.
4. Сделайте так, чтобы при касании Труб игра не прекращалась,
а просто очки уменьшались на 1. Условие поражения — количество очков меньше нуля.
5. Добавьте условие победы. Если игрок наберёт 50 очков, то
игра заканчивается и появляется надпись «Вы победили!».
170
ГЛАВА 18. ИГРА «ЗАЩИТА БАЗЫ»
На севере построили Базу для хранения мороженого. Песцы не любили мороженое и были очень недовольны. Они решили закрыть Базу. Для защиты Базы соорудили пушку,
которая может стрелять мороженым. Управляй пушкой и
помоги защитить Базу! Победа не за горами, Песцов не больше двадцати!
18.1. Создаём спрайты и фон
Создайте новый проект. Удалите Кота.
Дело происходит на севере, поэтому фон должен быть похож на снег. Закрасьте фон серым цветом.
171
Создайте спрайт Пушки.
Установите масштаб
800% и нарисуйте два
прямоугольничка.
Создайте спрайт
Снаряда. Установите
масштаб 800% и
нарисуйте точку.
Создайте спрайт
Базы, это просто
квадрат.
Создайте
спрайт
Песца.
Совет
Песец белого цвета, поэтому нарисовать его
на белом фоне очень трудно.
После того как нарисуете
Песца, залейте серый фон
прозрачным цветом.
Чтобы упростить
задачу, залейте фон
тёмно-серым цветом.
Посмотрите на странице 173, как выглядят костюмы на
сером фоне. Вам может показаться, что это вовсе не Песец,
а белый медведь, но я точно знаю, что это именно Песец!
172
Второй костюм
нарисуйте
с применением
зеркального
отражения. Нажмите
кнопку Отразить
сверху вниз.
Создайте два костюма Песца,
они нужны для анимации шагов.
Первый костюм.
Выберите Песца
и отразите его
вертикально.
После отражения обязательно
установите центр костюма на
носу Песца. Выберите инструмент
Установить центр костюма.
Установите центр
первого костюма.
Установите центр
второго костюма.
Все спрайты
готовы,
переименуйте
их.
Теперь можно программировать!
173
18.2. Программируем поведение спрайтов
Программа Базы
очень простая.
Так как База и Пушка находятся на одном и том же месте,
то может получиться, что Пушка будет не видна из-за Базы.
Для того чтобы Пушка была всегда видна, Базу надо переместить на 2 слоя назад.
Теперь запрограммируйте Пушку.
Сначала создайте переменную Очки,
она будет считать заработанные очки.
174
Первые два скрипта позволяют игроку поворачивать Пушку клавишами-стрелками < > и < >. Третий скрипт постоянно проверяет значение переменной Очки. Если значение
равно 20, то вы победили!
Теперь
запрограммируем
Снаряд.
175
Первый скрипт постоянно поворачивает Снаряд в направлении Пушки, это позволяет Снаряду всегда вылетать точно из
ствола Пушки, а не сбоку. Второй
скрипт постоянно перемещает
Снаряд в Пушку (перезаряжает
её) и ждёт до тех пор, пока игрок
не нажмёт клавишу .
После того как будет
нажат, снаряд полетит в нужном
направлении, пока не коснётся
края.
В первом скрипте Снаряда использована очень мощная
встроенная переменная. Она позволяет получить многие параметры спрайтов и сцены.
Теперь запрограммируйте Песца. Спрайт этого персонажа
всего один, поэтому для создания армии Песцов мы используем клоны. Создадим армию клонов!
Воспользуемся
блоком создать клон.
Для управления клонами
служит блок когда я начинаю как
клон.
Для удаления клонов
предназначен блок удалить клон.
176
Сделайте вот
такую программу
для Песца.
177
Первый скрипт создаёт армию из 20 Песцов. Они появляются в случайном месте в верхней части сцены с интервалом
в 2 секунды.
Второй скрипт отвечает за перемещение Песцов. Песцы
всегда поворачиваются к Базе и медленно идут, пока не коснутся её. После каждого шага они меняют костюм для создания анимационного эффекта. После того как Песец коснётся базы, выполнение цикла с условием прекратится, Песец
скажет, что База закрыта, и выполнение программы будет
остановлено.
Третий скрипт отвечает за попадание снаряда в Песца.
Если снаряд коснётся Песца, то переменная Очки будет увеличена на 1, а клон Песца будет удалён.
Совет
Никогда не создавайте больше 100 клонов,
это очень замедлит выполнение программы.
Протестируйте работу проекта и не забудьте сохранить
его.
18.3. Задания
1. Ускорьте движение Песцов.
2. Сделайте так, чтобы Песцы могли появляться в любом
месте сцены.
3. Сделайте так, чтобы Пушка стреляла лазером.
4. Добавьте Базе несколько жизней.
5. Добавьте на поле мины, которые будут помогать Базе.
6. Придумайте своих персонажей и замените костюмы
Базы, Пушки, Снаряда и Песцов в соответствии с вашим замыслом (скрипты можно не изменять) — получится совсем
другая игра!
178
ГЛАВА 19. ВИКТОРИНА
19.1. Работа с текстом
В Scratch можно программировать
работу со строками текста, так же как
и с числовыми переменными. Строка может быть одной буквой, словом
или предложением. Строки можно
сравнивать, соединять, произносить
и выполнять с ними другие действия. Для работы с текстом
существуют три овальных блока.
Они очень похожи на
переменные, их можно вставлять
в прямоугольные поля других
блоков, например в блок говорить.
Спрайт скажет:
Блок слить позволяет соединить две строки. Например,
если соединить две строки «Привет, » и «мир!», то получится строка «Привет, мир!». Блок буква создаёт строку, состоящую из одной буквы, вынутой из слова. Например, если вытащить первую букву из слова «мир», то получится строка
«м». Блок длина позволяет определить длину слова. Например, длина слова «Колбаса» равна 7.
Спрайт скажет:
179
Блоки работы с текстом можно вставлять один в другой,
чтобы получить предложения из нескольких слов.
Выполняя этот блок, спрайт в течение 7 секунд будет говорить фразу «В слове „Колбаса“ всего 7 букв».
19.2. Простая викторина
Давайте потренируемся использовать блоки работы с текстом и сделаем игру «Викторина».
Создайте новый
проект. Создайте
три переменные.
Добавьте
на сцену
фон.
180
Соберите для Кота
вот такой скрипт.
181
Рассмотрим работу скрипта. Сначала, как обычно, обнуляются переменные. Далее Кот спросит ваше имя, которое будет
помещено на хранение в переменную Имя. Затем он спросит,
в какой школе вы учитесь, и поместит ответ в переменную
Школа. Потом Кот произнесёт небольшой монолог и спросит
название столицы Франции. Если содержимое встроенной
переменной ответ совпадёт со словом «Париж», то значение
переменной Очки увеличится на единицу. Кот задаст вопрос
ещё два раза, а затем объявит о результатах викторины. Например, вот так: «Ученик 5 школы По имени Егор Набрал
3 очков в викторине!»
Сохраните проект.
19.3. Задания
1. Доработайте проект, сделайте 10 вопросов.
2. Помимо вопроса о школе, добавьте вопрос о классе,
в котором учится игрок.
3. Измените проект, задайте вопросы не о столицах,
а о чём-нибудь другом — о том, что вы очень хорошо знаете.
4. Добавьте в проект ещё один спрайт, который по результатам викторины поставит оценку. Если все 10 ответов правильные, то «5»; если одна ошибка, то «4»; если две ошибки,
то «3»; а если больше двух ошибок, то «2».
19.4. Викторина со списками
Вы могли заметить, что викторина, состоящая даже из
десяти вопросов, представляет собой очень громоздкую программу, а что будет, если вам понадобится задать 50 вопросов? Проект будет очень неповоротливым. Для того чтобы
сделать проект короче, можно использовать списки. Списки — это наборы пронумерованных переменных. Например, список с именем Столицы хранит 3 значения.
182
Эти 3 значения, как три переменные
с одинаковым именем, но с разными
номерами.
Элемент 1 из списка Столицы — это «Москва», элемент 2 из
списка Столицы — это «Берлин», а элемент 3 — это «Пекин».
Для того чтобы лучше понять, как работать со списками,
создайте знакомую вам викторину о столицах новым способом. Начните с нового проекта.
Сначала создайте список Столицы:
в блоке Данные нажмите кнопку
Создать список и введите имя
списка.
183
Затем создайте список Страны.
Создайте переменную НомерВопроса.
А теперь соберите программу.
В начале работы программы мы создаём два пустых списка Столицы и Страны и заполняем их названиями столиц и
стран.
Важно!
Порядковый номер страны должен
обязательно соответствовать номеру столицы!
184
Переменная НомерВопроса будет изменяться в цикле от 1
до последнего вопроса. В цикле будет задаваться вопрос, содержащий название очередной страны из списка, и если ответ совпадёт с названием столицы из соответствующего списка, то переменная Очки будет увеличена на 1. После этого
НомерВопроса увеличится на 1, и при очередном проходе цикла будет задан вопрос о следующей стране. Так будет продолжаться до тех пор, пока НомерВопроса не станет больше количества стран в списке. Выполнение цикла завершится, и Кот
скажет, сколько очков вы набрали.
Обратите внимание!
Цикл не изменится при увеличении количества
стран в списке, изменится лишь число в
условии цикла, с которым сравнивается
переменная НомерВопроса! Только представьте,
какого размера был бы скрипт, если бы мы не
использовали списки и добавили 100 вопросов!
Сохраните проект.
19.5. Задания
1. Усовершенствуйте программу: списки не должны показываться на экране.
2. Добавьте ваши вопросы в викторину со списками.
3. Сделайте по два вопроса для каждой страны: про столицу и про континент, на котором находится страна.
4. Составьте по три вопроса на каждый объект вашей викторины.
185
СЕКРЕТЫ И СОВЕТЫ
Всё ли вы запомнили? Всеми ли секретами готовы воспользоваться в будущих проектах? Если вдруг что-то забыли — не беда. Вы
можете открыть книгу на нужной странице и вспомнить...
Как вернуть исчезнувший спрайт на сцену?
Как вернуть спрайт в центр сцены?
Как удалить персонаж со сцены?
Как изменить размер персонажа?
Как сменить персонажу костюм?
Как изменить имя персонажа?
Как узнать текущие координаты персонажа на сцене?
Как добавить всплывающую подсказку?
Как прослушать звук?
Как укоротить звук?
Как перевернуть звук?
Как записать звук?
Как дублировать скрипт?
Как выровнять скрипты?
Как сбросить эффекты?
Как узнать координаты кончика курсора мыши?
Как очистить сцену?
Как рисовать ровные линии?
Как нарисовать белый спрайт?
Как стереть нарисованное?
Как передать сообщение?
Что делать, если программа «тормозит»?
ЗАКЛЮЧЕНИЕ
Итак, дорогие друзья, вы познакомились со Scratch и научились
программировать простые игры и мультфильмы. Это большое достижение! Однако в этой книге описаны не все возможности программы. Не рассказано о создании собственных блоков, мелодий
из нот, о работе с видео и о многих математических операторах.
Но, как говорится, дорогу осилит идущий. Постарайтесь разобраться с этими темами самостоятельно, используя библиотеку
знаний о Scratch (Scratch Wiki), расположенную по адресу https://
wiki.scratch.mit.edu. Вопросы можете задавать на русскоязычном
форуме о программировании на Scratch, расположенном по адресу
https://scratch.mit.edu/discuss/27/. Также можете задавать вопросы автору по электронной почте scratch.book@ya.ru.
