Блог "Детки в сетке"

Управляя с помощью бегунка движущейся по горизонтали палочкой, нужно шариком сбить все кирпичи.

Решение

Идея игры, мягко говоря, не нова. Она появилась на заре эры персональных компьютеров. Тем интереснее попробовать свои силы при создании собственной версии этой игры.

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

Рис. 41

Перетащим созданную форму на черепашку. Теперь, как и в задаче «Аквариум с рыбками», сместим палочку в крайне левое (или крайне правое) положение и посмотрим текущую координату по оси х. Создадим бегунок, назовём его «Двигай». В качестве минимального и максимального значений зададим крайние значения координаты х (см. рис. 42).

Рис. 42

Процедура у черепашки-палочки будет выглядеть очень просто: чётко фиксируем черепашку по оси у (нов_у -160), а по оси х координату надо брать из бегунка. Для этого нужно написать нов_х Двигай.

это палка

нов_у -160

нов_х Двигай

конец

Не забываем поместить имя процедуры в «Правила» и поставить «Много раз». Оживим черепашку и подвигаем бегунок. Если палочка при этом двигается, значит всё написано верно.

Следующим этапом будет создание черепашки, рисующей ряд кирпичей. Посмотрите задачу 8.5. Проделайте все необходимые действия, которые там описаны. Добавим в конец процедуры команды, скрывающие и отключающие черепашку.

это кирпичи

сг

нм[-330 160]

нк 90

повтори 13 [штамп вп 55]

сч

выкл

конец

Не хватает шарика. Обратимся к задаче 8.4. Воспользуемся вторым вариантом решения этой задачи (в координатах). Подводя последовательно шарик к правой, левой и верхней границе, запомним его крайние положения по соответствующим осям. Нужно чтобы от этих границ шарик отскакивал. Если же шарик пролетит мимо палочки (у_коор < -160), это означает, что игра проиграна. Надо показать окно с сообщением и остановить игру.

это шарик

вп 1

если х_коор >  364 [если_иначе курс = 0 - 180 [пр 90][лв 90]]

если х_коор < -364 [если_иначе курс = 0 - 180 [пр 90][лв 90]]

если у_коор >  205 [если_иначе курс = 0 - 180 [пр 90][лв 90]]

если у_коор < -160 [сообщи [Проиграл!] останов]

конец

Чтобы шарик отбивался палочкой, надо добавить условие касания двух черепашек. Сначала приведём его в общем виде:

если коснулись? "имя1 "имя2 [действия]

В данном случае действия будут точно такими же, как при касании шариком любой границы:

если коснулись? "ч1 "ч3 [если_иначе курс = 0 - 180 [пр 90][лв 90]],

где ч1 – имя черепашки-палочки, а ч3 – имя черепашки-шарика.

Теперь надо подумать, как сделать так, чтобы кирпичи исчезали при попадании в них шарика. Оказывается, это довольно просто – надо перекрашивать их в цвет фона. То есть, как только под черепашкой-шариком окажется красный цвет кирпича, надо закрасить его белым цветом. При этом надо вести счёт попаданиям. Здесь есть некоторые трудности, так как нужен какой-то счётчик, в котором бы накапливалось число попаданий. Поскольку что такое переменная и как с ней работать мы пока не знаем, то выйти из этого затруднительного положения можно следующим образом. Воспользуемся в качестве такого счётчика размером пера шарика, которое в данной задаче мы вообще никак не используем. Зададим изначально в кнопке «Начать игру» минимальный размер пера – 1. При каждом попадании будем увеличивать его размер на 1, точно также как это сделано в задаче 8.1 (Алгоритм роста репки). Только теперь будем увеличивать не размер черепашки и размер её пера. Не забудем, что при попадании шарика в кирпич, нужно чтобы он отскакивал от кирпича точно также как от стенок.

если цп = 15 [если_иначе курс = 0 - 180 [пр 90][лв 90] нц 0 крась нрп размер_пера + 1]

Добавим проверку условия победы:

если размер_пера = 14 [сообщи [Победа!] останов]

Почти готово. На всякий случай приведём процедуру для шарика ещё раз уже целиком:

это шарик

вп 1

если х_коор >  364 [если_иначе курс = 0 - 180 [пр 90][лв 90]]

если х_коор < -364 [если_иначе курс = 0 - 180 [пр 90][лв 90]]

если у_коор >  205 [если_иначе курс = 0 - 180 [пр 90][лв 90]]

если у_коор < -160 [сообщи [Проиграл!] останов]

если цп = 15 [если_иначе курс = 0 - 180 [пр 90][лв 90] нц 0 крась нрп размер_пера + 1]

если размер_пера = 14 [сообщи [Победа!] останов]

конец

Как всегда не забудьте поместить имя этой процедуры в «Правила» и поставить «Много раз». Добавьте кнопку «Начать игру». Инструкции в ней будут такими:

ч3, нрп 1 нк 45 нм [0 -150] каждая [вкл]

Рис. 43

Отладьте проект так, чтобы не было ошибок. Проверьте, появляются ли у вас сообщения о победе и поражении. Если всё нормально, то теперь можно дать кому-то поиграть в созданную вами игру.

Условный оператор реализует разветвляющийся тип алгоритма (см. п. 5.2 Виды алгоритмов). Напомним, как производится проверка условий в среде «Логомиры»:

а) если условие [команды]

б) если_иначе условие [команды1][команды2]

Рассмотрим простейшие задачи, с использованием условия.

 «Аквариум с рыбками»

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

Решение

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

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

это рыба
нов_курс 270
повтори 43
[нов_форма 1 вп 2 жди 2
нов_форма 2 вп 2 жди 2
нов_форма 3 вп 2 жди 2] 
нов_курс 90
повтори 43
[нов_форма 4 вп 2 жди 2
нов_форма 5 вп 2 жди 2
нов_форма 6 вп 2 жди 2]
конец

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

Помещаем имя процедуры в правила и ставим «Много раз». В поле ввода команд зададим рыбке начальный курс нк 90. Теперь оживим черепашку, чтобы проверить, что всё работает правильно.

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

Добавим кнопки «Пуск» и «Стоп» как это рассказано в проекте «Автомобили на дороге». Дополним наш аквариум различными подходящими к теме объектами. Например, можно добавить анимированную раскрывающуюся раковину, растения и т.п.

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

Скопируем ещё раз любую из двух наших рыб и сместим её к правой или левой стенке аквариума (в зависимости от того куда она развёрнута) так, чтобы форма рыбки не вылезала за край. В рюкзаке черепашки на закладке «Состояние» смотрим её текущие координаты.

Рис. 37

Проект готов, что бы посмотреть скачать.

Нарисуйте дорогу, небо и поля. На дороге поставьте две черепашки и создайте для каждой из них форму: одна черепашка – грузовик (вид сзади), вторая – легковая машина (вид спереди). Первая черепашка-грузовик должна двигаться вверх, отдаляясь уменьшаться в размере. Вторая черепашка-легковушка должна двигаться вниз, приближаясь увеличиваться в размере. Дополните проект готовыми формами домов и деревьев и другими объектами, которые вам подскажет фантазия. Создайте кнопки «Пуск» и «Стоп» для запуска и остановки черепашек.

На рис. 30 показан итог того, что должно получиться.

Рис. 30

Решение

Разберём пошагово все необходимые действия. В этом проекте почти всё придётся создать самим. Начнём с рисования неба. Выбираем на панели «Рисование/Графика» инструмент «сплошной прямоугольник» и цвет неба на ваше усмотрение, например, 105. От верхнего левого или правого угла растягиваем прямоугольник примерно на 1/7 часть поля. Теперь выбираем цвет травы, например, 65 и с помощью инструмента «Заливка» закрашиваем всю оставшуюся часть поля зелёным. Снова выбираем «сплошной прямоугольник», цвет белый и размер кисти самый маленький. Начиная от границы неба, рисуем вниз разделительную полосу дороги посередине экрана. Дальше надо взять инструмент «Ручка» и цвет дороги (6 или 7). Теперь очень внимательно нужно от самой границы травы и неба, чуть отступив вправо и влево от сплошной разделительной полосы, нарисовать две симметричные линии до самого низа. Учтите, что если вы начнёте рисовать линии хотя бы на одну точку ниже границы с небом, то потом, заливая дорогу, вы зальёте лишнее. Так что даже лучше начать чуть-чуть выше уровня границы. Затем, конечно, надо залить обе части дороги тем же цветом, которым рисовали линии. В результате должна получиться следующая картина:

Рис. 31

Чтобы сделать разрывы в разделительной полосе, воспользуемся снова инструментом «Сплошной прямоугольник». Чтобы дорога выглядела более реалистично, во-первых, она должна довольно быстро сужаться к линии горизонта и, во-вторых, разрывы в разделительной полосе должны быть чем дальше, тем короче.

Теперь создадим черепашку и нарисуем форму грузовика. Для этого откроем её рюкзак и в закладке формы дважды щёлкнем по первой форме. Удалим маленький квадратик в середине с помощью инструмента «Прямоугольное выделение» и кнопки BackSpace или просто с помощью ластика. Возьмём инструмент «Прямоугольник» (незакрашенный), размер кисти 1 и, выбрав чёрный (9) цвет нарисуем на всю ширину, но оставив внизу примерно седьмую-восьмую часть области, прямоугольник – это кузов нашего грузовика. Разделим его с помощью инструмента «Ручка» пополам. Чтобы нарисовать колёса, воспользуемся инструментом «Сплошной прямоугольник». Между колёсами ручкой рисуем ось. Затем берём инструмент «Карандаш» и разбиваем внутреннюю часть прямоугольника на неравные области серым цветом, которые потом заливаем оттенками коричневых и серых цветов так, как будто это налипшая на заднюю часть грузовика грязь. В результате должна появиться такая форма:

Рис. 32

Нажимаем на кнопку «ОК». Осталось написать программу. В поле ввода команд введите: нф 1 нрз 160. После чего поставьте черепашку в то место, откуда она начнёт движение. Переходим на закладку «Процедуры». Как почти в любой задаче программу можно написать по-разному. Рекомендуем, чтобы вспомнить, как использовать процедуру, написать их две: первая – начальное положение грузовика, вторая – процедура движения.

это грузовик_начало

нк 340

нф 1

нрз 160

нм [180 -202]

конец

это грузовик_движение

грузовик_начало

повтори 147 [вп 3 нрз размер - 1 жди 1]

грузовик_начало

конец

В первой процедуре указываем все начальные параметры: форму, размер, местоположение, курс. Мы будем начинать движение грузовика с максимально возможного размера – 160 и с того места, куда мы его поместили. Координаты начального положения смотрим в закладке «Состояние». В зависимости от того, как вы нарисовали дорогу, курс черепашки может довольно существенно колебаться. Поэтому пока поставим примерно нк 340. Потом подберём его опытным путём. Обратите внимание, что первая процедура вызывается как до, так и после начала движения. Это нужно для того, чтобы по окончании движения грузовик возвращался на место. Количество повторений также может розниться в зависимости от размеров проекта и конфигурации дороги. Подберите нужное количество повторений самостоятельно. Следите за тем, чтобы ваш грузовик не уезжал ни на обочину, ни на полосу встречного движения, ни на небо. Не забудьте поместить имя второй процедуры в правила один раз.

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

это грузовик

нрз 160

нм [180 -202]

повтори 147 [вп 3 нрз размер - 1 жди 1]

конец

Если мы будем повторять эту процедуру многократно, то наш грузовик будет постоянно возвращаться к началу и вновь двигаться по дороге к линии горизонта.

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

Рис. 33

Предварительно удалим у второй черепашки форму грузовика. Начнём рисовать машинку с незакрашенного прямоугольника. Затем нарисуем ручкой радиаторную решётку, боковые части и крышу. Закрашенным овалом рисуем колёса. Фары рисуем карандашом с помощью размытия кисти 11. Можно дополнить рисунок мигалкой на крыше и человечком внутри.

После создания формы подправляем процедуры:

это легковая_начало

нк 197

нф 1

нрз 10

нм [-7 207]

конец

это легковая_движение

легковая_начало

повтори 147 [вп 3 нрз размер + 1 нф 2 жди 1 нф 1]

легковая_начало

конец

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