Взаимодействие машин: «Лампочка» и «Светофор»

Урок 3 <<	Оглавление	>> Урок 5

---

Steps: Убрать детали создания состояний и команд, сосредоточившись на логике состояний.

Цель: изучить взаимодействие машин состояний.

Задачи:

• создать экран тумблером, включающим лампочку
• создать уличный светофор
• включать и выключать светофор при помощи кнопки.

Лампочка и выключатель

Создание машин

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

Поменяйте обоим объектам тип, сделав их машинами состояний. Переименуйте (поле свойств "имя") выключатель в switch, а лампочку в lamp.

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

Верхние красные кружочки относятся к выключателю. Он может находиться в двух состояниях on и off. Лампочка (синие кружочки), также имеет два состояния, которые мы назовем dark и light.

Так как это было описано в предыдущем уроке, создайте эти состояния в машинах. Добавьте в каждое команду draw с параметром res, в который перетащите картинки из редактора ресурсов. Затем в выключатель добавьте команду click с параметром go. Сделайте из него чекбокс:

В лампочке пока у нас только по команде рисования draw:

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

Подключаем провода

Теперь самое время подключить к лампочке и выключателю провода. Этими проводами будет служить команда set. Вспомним теорию. При входе в состояние происходит выполнение инициализационных команд, которые сразу выполняются как только машина поменяла своё состояние. К таким командам и относится команда set. С её помощью происходит изменение состояний других машин. Добавим в каждое из состояний переключателя по команде set с параметрами obj и st. Для параметра obj из выпадалки выберем объект lamp. В параметре st зададим руками требуемые состояния лампочки. В результате должно получиться:

Снова протестируйте работу машин. Стоит во вьювере нажать S, чтобы понаблюдать за происходящими изменениями состояний объектов.

Активная лампочка

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

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

Условия переходов

Потребуем теперь, чтобы лампочка при клике на неё могла включаться только, если в этот момент включен переключатель. Таким образом, необходимо заблокировать команду click если переключатель находится в состоянии off. Делается это при помощи команды if, которую необходимо добавить в состояние dark лампочки:

Обратим внимание, что кроме команды if, добавилось одноименное поле в команде click. Разберемся, как работают эти команды. В состоянии может быть несколько команд-условий if. Все они нумеруются начиная с нуля. Т.е. первая сверху команада if имеет номер 0, следующая 1 и т.д. Однако сами по себе условия ещё ничего не делают. Запуск их на проверку выполнимости осуществляют другие команды. В нашем случае это делает команда click. В её поле if стоит ноль. Это означает, что при клике на лампочку переход go произойдет только, если выполняется условие под номером 0. В этом условии происходит проверка того, находится ли объект obj в состоянии st. Если находится, то условие срабатывает и клик приводит к требуемой смене состояния. Все просто :).

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

Начальное состояние

Каждая машина в момент начала работы находится в определённом состоянии. По умолчанию, это первое состояние в линейке состояний, в соответствующем окне редактирования. Однако его можно изменить. Сделаем так, чтобы в начальный момент времени выключатель был включен, а не выключен. Для этого необходимо его свойствах (панель Properties) задать состояние on:

Подробнее о командах

Подытожим, что нам уже известно о командах, работающих в состояниях внутри машин.

draw — управление внешним видом машины, определение её графического ресурса (команда инициализации); Если в состоянии машины таковой команды нет, то автоматически устанавливается графический ресурс, указанный в свойствах элемента данной машины;

set – установка состояния другого объекта (команда инициализации);

click – что делать при клике на объект (команда воздействия); В нашем случае переход в другое состояние той же машины;

if – логическое условие перехода (команда перехода);

wait – длительность выполнения команды в одном состоянии и переход в другое состояние (исчисляется в миллисекундах).

Светофор

Цель: изучить настройки объектов (машин), находящихся в одной сцене, и понять их взаимосвязь.

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

План выполнения:

• Добавить графические ресурсы в сцену проекта из базы ResourcesEditor;

• Настроить сцены в экранах проекта.

§1. Создание экрана и сцены в игровом проекте

1. Запустить SceneEditor.

2. В меню Проект → Загрузить → Learning.seproj.

3. Кликнув правой кнопкой мыши по ранее созданному экрану Lesson_04.1, создать экран Lesson_05.

4. В экране Lesson_05 создать новую сцену 05, в которую (через ResourcesEditor) добавить графические ресурсы из папки Sources\Lesson_05 (см. подготовка к работе «Создание проекта»).

§2. Создание машин состояний

1. Графические ресурсы перевести в машины. Для этого нужно, прокликивая по всем объектам, в свойстве элемента изменить тип изображения на тип maсhine.

2. Для всех объектов (машин) в сцене прописать такие состояния:

для саквояжа

для жука

для ключа

Подробнее о командах состояний:

init – инициализация состояния (координаты, прозрачность и т.п.);

alpha – изменение прозрачности объекта (команда процессов). Меняется от 0 (полностью прозрачен) до 1 (непрозрачен);

move – движение объекта по сцене (команда процессов);

drag – команда, позволяющая перетаскивать объект в диапазоне x1, x2, y1, y2 (команда процессов);

drop – команда, указывающая на запуск состояния другого объекта, если отпустить объект в диапазоне x1, x2, y1, y2 (команда процессов);

scale – вращение объекта вокруг точки пивота с координатами px, py (команда процессов). Эти координаты задаются в общих свойствах элемента (объекта) или командой init в данном состоянии.

3. Проверить выполнение задачи с помощью проигрывателя сцен Viewer.

§3. Задание к уроку

1. Щелкнув правой кнопкой мыши по экрану Lesson_05, создать новый экран Lesson_05.1

2. Создать новую сцену (с названием 05.1).

3. Скопировать все объекты из сцены 05 (экрана Lesson_05).

4. Вставить скопированые объекты в новую сцену 05.1.

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

a) изначально за время 1 секунда саквояж уменьшился от первоначальных размеров до 0, а затем увеличился до 1 (первоначальных размеров);

b) при перетаскивании ключа в область саквояжа, жук развернулся на 180 градусов и двигался вниз.

Упражнения

§3. Задание к уроку

1. Щелкнув правой кнопкой мыши по экрану Lesson_04, создать новый экран Lesson_04.1.

2. Создать новую сцену (с названием 04.1).

3. Скопировать все объекты из сцены 04 (экрана Lesson_04).

4. Вставить скопированые объекты в новую сцену 04.1.

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

a) изначально лампочка не горела, а тумблер был в выключенном состоянии;

b) длительность горения лампочки составляла 500 миллисекунд.

---

Урок 3 <<	Оглавление	>> Урок 5