Программирование на Scratch 2. Часть 2

ГЛАВА 6. ТАНЦЕВАЛЬНЫЙ КОВРИК.

Жила была девочка, которая очень любила танцевать. На день рождения ей подарили танцевальный коврик. Девочка была так рада, что танцевала весь день напролёт. Она нажимала все стрелки в правильной последовательности, и набрала больше всех очков! Сколько очков сможете набрать Вы? Главное — не нажимать кнопку demo!

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

В этой игре будет всего одиннадцать спрайтов. Балерина, четыре цветных стрелки, четыре чёрных стрелки, и две кнопки.

Создание игры начинаем с рисования сцены и спрайтов. Первым делом удалите «Sprite1»

Выберите сцену.

Перейдите на закладку Фоны.

Залейте фон градиентной (двухцветной) заливкой. Выберите инструмент «Заполнить цветом».

Получится вот такой красивый фон.

Сцена готова. Добавьте Балерину из библиотеки спрайтов.

Выберите раздел «Музыка и танцы».

Выберите нашу красавицу и нажмите «Ок».

Переименуйте её в Балерину. Разверните окно свойств спрайта.

Введите новое имя.

Перейдите на вкладку «Костюмы».

У Балерины уже есть четыре костюма! Как раз, по одному костюму для каждой стрелки.

Третий костюм, в котором Балерина сидит на шпагате, мы переделаем на прыжок, который будет происходить при нажатии на клавиатуре стрелки вверх.

Выберите третий костюм и нажмите кнопку «Установить центр костюма».

Установите центр костюма ниже Балерины. Теперь она будет делать шпагат в прыжке!

Балерине не хватает ещё одного костюма — костюма, где она поднимает правую ногу. Этот костюм она будет надевать, когда нажата клавиша «стрелка влево» на клавиатуре.

Дублируйте костюм «ballerina-d».

Выделите Балерину инструментом выделения.

А теперь, нажмите вверху кнопку «Отразить слева направо».

Балерина зеркально отразится.

Балерина зеркально отразится.

Выберите раздел «Предметы».

Выберите кнопку «Button2» и нажмите «Ок».

Переименуйте кнопку.

Перейдите на вкладку «Костюмы».

Удалите второй костюм кнопки, он нам не понадобится.

Теперь нам нужно написать на кнопке слово «start». Эта кнопка будет запускать программу. Выберите инструмент «Текст».

Кликните в кнопку и напишите «start».

Если у Вас, как и у меня, получится криво, возьмите инструмент «Выбрать», и переместите надпись точно в центр.

Кнопка готова. Дублируйте её.

У появившейся кнопки сразу будет правильное имя «Кнопка2».

Отредактируйте костюм Кнопки2. Выберите инструмент «Текст».

Кликните в надпись, и измените её.

Кнопки готовы. Теперь добавим первую стрелку. После того, как запрограммируем её поведение, будем три раза дублировать её, чтобы сразу получились стрелки со скриптами. Останется только немного изменить скрипты. Откройте библиотеку спрайтов.

Выберите раздел «Предметы».

Выберите стрелку «Arrow1» и нажмите «Ок».

Переименуйте стрелку.

Перейдите на вкладку «Костюмы».

Удалите все костюмы, кроме первого, они нам не понадобятся.

Стрелку надо окрасить красным цветом. Выберите инструмент «Окрасить форму».

Вот такая красная стрелочка получится.

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

Для облегчения заливки ободка увеличьте масштаб.

Выберите беленький цвет.

Аккуратно коснитесь инструментом окраски границы стрелочки. Она станет белой, и почти невидимой.

У нас получилось два костюма стрелочки Вправо.

Теперь надо сделать чёрную стрелочку. Давайте сделаем её из стрелки Вправо. Дублируйте стрелочку Вправо. У неё сразу появилось неплохое имя - Вправо2, оставим его. Зайдите на вкладку Костюмы стрелочки Вправо2, и удалите второй костюм.

Оставшуюся стрелочку выделите с помощью инструмента «Выбрать».

Стрелочку будет обведена рамкой.

Тащите нижний центральный квадратик выделения немного вверх. Стрелочка станет тоньше.

Теперь залейте её чёрненьким.

Вот такая стрелочка получится.

Сейчас, когда все костюмы нарисованы, начинаем создавать программу.

Сначала сделаем программу сцене. Начнём с создания переменных, нажмите соответствующую кнопку.

Создайте четыре глобальные переменные: «танец», «очки», «длина танца», и «номер действия».

Переменная очки будет подсчитывать количество правильных нажатий стрелок на клавиатуре. В переменной танец закодирована очерёдность движения маленьких стрелок, то есть, какая стрелка следует за какой, это как бы очередь. Стрелки закодированы буквами. Л — двигается стрелка Влево. П — двигается стрелка Вправо. В — стрелка Вверх. Н — стрелка Вниз. Для того, чтобы определить сколько всего надо совершить действий, служит переменная «длина танца», а для определения номера действия служит переменная «номер действия».

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

Второй скрипт сцены каждую четверть секунды передаёт разные сообщения в соответствии с последовательностью, закодированной в переменной «танец». Сначала создайте новое сообщение «старт».

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

Рассмотрим, как работает этот скрипт. В самом начале работы программы значение переменной «номер действия» равно единице, значит, первое условие будет выглядеть так.

Если первая буква в танце равна «л», а она равна, то передаём сообщение «влево». Получив это сообщение, маленькая стрелочка Влево2 поплывет вверх. Скрипт работает циклически, он повторяется ровно столько раз, сколько букв в переменной «танец», и в каждом цикле изменяет значение переменной «номер действия» на единицу. Это значит, что после сообщения «влево», соответствующего первой букве, будет передано сообщение, соответствующее второй букве в переменной «танец», а это «вправо».

Теперь запрограммируйте кнопки. У Кнопки1 только один скрипт, он просто передаёт сообщение «старт».

У Кнопки2 тоже всего один скрипт, он передаёт сообщение «демо». Создайте это сообщение.

Сделайте скрипт Кнопки2.

Приступаем к созданию программы для Балерины. Её программа состоит из восьми скриптов. Первый скрипт помещает Балерину в правую часть экрана, и надевает ей первый костюм.

Следующие четыре скрипта определяют, как Балерина реагирует на нажатие стрелок на клавиатуре. Если на клавиатуре нажата клавиша «стрелка вниз», по Балерина сменит костюм на приседающий, и вернётся в исходное положение.

Если на клавиатуре нажата клавиша «стрелка вверх», по Балерина сменит костюм на подпрыгивающий, и вернётся в исходное положение.

Следующие два костюма для стрелок направо и влево.

С помощью следующего скрипта девочка в конце игры скажет сколько очков Вы набрали.

Вот небольшая подсказка, как собрать такой сложный скрипт.

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

Звук «techno» сможете найти в библиотеке звуков. Перейдите на закладку «Звуки».

Нажмите на кнопку библиотеки звуков.

Перейдите в раздел «Музыкальная петля».

Выберите требуемый звук, и нажмите «Ок».

Теперь, при получении от Кнопки2 сообщения «демо», Балерина пустится в пляс, посмотрите, как её колбасит!

Можно начинать программировать стрелки. Последовательность действий (алгоритм) будет такой. Сначала делаем программы для стрелки Вправо и для маленькой стрелки Вправо2. Потом с помощью дублирования красной стрелки получим стрелки Влево, Вверх и Вниз, а с помощью дублирования маленькой стрелки Вправо2, получим маленькие стрелки Влево2, Вверх2 и Вниз2.

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

Вот второй скрипт.

Теперь сделаем программу маленькой стрелке Вправо2. У неё всего три скрипта. Первый скрипт устанавливает стрелку в начальное положение в центре экрана.

Второй скрипт перемещает стрелочку Вправо2 50 раз на 3 точки вверх — всего на 150 точек вверх, и снова возвращает в исходную точку.

Третий скрипт проверяет, успели ли Вы нажать на стрелку Вправо в момент касания стрелок. Если у Вас хорошая реакция, и Вы успели, то переменная «очки» изменится на единицу.

Обе стрелки вправо готовы. Теперь сделаем остальные три больших стрелки путём дублирования красной стрелки. После того, как все стрелки будут готовы, изменим их программы. Сначала сделаем стрелку Влево. Дублируйте красную стрелку.

Переименуйте полученный спрайт.

Перейдите на вкладку «Костюмы».

Надо перекрасить стрелку в оранжевый цвет и развернуть влево. Выберите инструмент окраски.

Отразите стрелку зеркально.

Выберите второй костюм стрелки. Аналогичным образом покрасьте её и отразите.

Теперь сделаем стрелку Вверх. Снова дублируйте красную стрелку.

Переименуйте полученный спрайт.

Перейдите на вкладку «Костюмы».

Надо перекрасить стрелку в синий цвет и развернуть вверх. Выберите инструмент окраски.

Окрасьте стрелку.

Для того, чтобы повернуть стрелку вертикально, выберите её инструментом выделения.

Кликните на верхний кружочек, и поверните стрелку по направлению вверх.

Второй костюм стрелки покрасьте и поверните таким же образом.

Стрелку вниз создадим дублируя стрелку Вверх.

Переименуйте новый спрайт.

Перекрасьте стрелку в фиолетовый цвет.

Отразите её зеркально.

Аналогичным образом перекрасьте второй костюм стрелки Вниз, и отразите его зеркально.

Все большие стрелки нарисованы. Их программы изменим после того, как сделаем все маленькие стрелки. Дублируйте маленькую стрелку Вправо2.

Переименуйте полученный спрайт.

Перейдите на вкладку «Костюмы».

Нажмите кнопку «Отразить слева направо».

Стрелочка Влево2 готова.

Теперь из неё сделаем стрелочку Вверх2. Дублируйте стрелку Влево2.

Переименуйте её.

Для того, чтобы повернуть стрелку вертикально, выберите её инструментом выделения.

Теперь аккуратно кликните кружочек и поверните стрелку кончиком вверх.

Стрелочка Вверх2 готова. Сделаем из неё стрелочку Вниз2. Дублируйте Вверх2.

Не забудьте переименовать новую стрелочку.

Отразите её зеркально.

Вот теперь, наконец-то, готовы все стрелки. Осталось немного изменить их скрипты, и игра готова. Начните со стрелки Влево. В первом скрипте исправьте координаты Х и Y. Первый скрипт должен быть таким.

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

Аналогично исправьте скрипты стрелки Вверх. Вот её первый скрипт.

Вот второй скрипт.

Скрипты стрелки Вниз. Первый скрипт.

Второй скрипт.

Переходим к маленьким стрелочкам. Вот первый скрипт стрелочки Влево2.

Второй скрипт стрелочки Влево2.

Третий скрипт стрелочки Влево2.

Теперь исправим скрипты стрелочки Вверх2. Первый скрипт.

Второй скрипт.

Третий скрипт.

Теперь принимаемся за стрелочку Вниз2. Первый скрипт.

Второй скрипт.

Третий скрипт.

Игра готова.

Вопросы. Вы умеете танцевать?

Задание

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

2. Удлините танцевальное задание в переменной «танец».

3. загрузите свою mp3 мелодию в скрипт demo и сделайте прикольный танец для девочки.

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

5. Запишитесь на танцевальный кружок и научитесь танцевать.