|
|
Строка 6: |
Строка 6: |
| ---- | | ---- |
| | | |
− | '''Цель:''' изучить методику создания экрана и сцен, перевода графических изображений в тип сheckbox, создания состояний машин. | + | '''Цель:''' изучить понятие машины состояний на примере объекта Checkbox |
| | | |
− | '''Задача:''' создать сцену, где с помощью клика на голову (тип сheckbox) слоненка — голова изменит свое положение. При клике на стрелку (тип сheckbox) — стрелка будет подсвечиваться. | + | '''Задачи:''' |
| + | * Cоздать новый экран и сцену для этого урока. |
| + | * При помощи объекта Checkbox заставит слонёнка кивать головой. |
| + | * Воспроизвести этого же слонёнка при помощи машины состояний |
| | | |
− | '''План выполнения:'''
| |
| | | |
− | * Добавить графические ресурсы в сцену проекта из базы ResourcesEditor;
| + | == Checkbox == |
| | | |
− | * Настроить сцены в экранах проекта.
| + | Начнём, как обычно, урок с открытия проекта lessons. В нём добавим новый экран lesson_3 |
| + | со сценой stg_main, так как это было описано в предыдущем [[Создание экранов, сцен. Работа с кнопками|уроке]]. |
| | | |
− | '''§1. Создание экрана и сцены в игровом проекте'''
| + | == Машины состояний == |
| | | |
− | 1. Запустить SceneEditor.
| + | == Упражнения == |
| | | |
− | 2. В меню Проект → Загрузить → Learning.seproj.
| |
− |
| |
− | 3. Кликнув правой кнопкой мыши по ранее созданному лайауту 800х600, создать экран Lesson_03.
| |
− |
| |
− | [[Файл:03 1.png]]
| |
− |
| |
− | 4. Кликнув правой кнопкой мыши по экрану, создать сцену 03, в которую (через ResourcesEditor) добавить графические ресурсы из папки Sources\Lesson_03 (см. подготовка к работе «Создание проекта»).
| |
− |
| |
− | [[Файл:03 2.png]] [[Файл:03 3.png]]
| |
− |
| |
− | '''§2. Создание объекта типа Checkbox'''
| |
− |
| |
− | 1. Графические ресурсы head_1 и arrow_right_norm перевести в тип сheckbox. Для этого нужно, прокликивая по объектам, в свойстве элемента изменить тип изображения на тип сheckbox.
| |
− |
| |
− | [[Файл:03 4.png]]
| |
− |
| |
− | 2. Объекту head_1 в свойстве элемента с помощью ResourcesEditor установить такие настройки:
| |
− |
| |
− | [[Файл:03 5.png]]
| |
− |
| |
− | 3. Объекту arrow_right_norm в свойстве элемента с помощью ResourcesEditor установить такие настройки:
| |
− |
| |
− | [[Файл:03 6.png]]
| |
− |
| |
− | ''Checkbox'' – тип объекта, который обладает двумя состояниями (не отмечено, отмечено) и способен управлять состояниями других объектов.
| |
− |
| |
− | Через редактор ресурсов можно загрузить от одного до трех графических ресурсов (up, down, over) для изменения состояния checkbox.
| |
− |
| |
− | Параметры:
| |
− |
| |
− | ''up'' – графический ресурс для отображения чекбокса в отжатом состоянии. Перетаскивается мышкой из редактора ресурсов (поле должно находится в состоянии редактирования);
| |
− |
| |
− | ''down'' – графический ресурс отображения чекбокса в нажатом состоянии.. Перетаскивается мышкой из редактора ресурсов (поле должно находится в состоянии редактирования). Может отсутствовать;
| |
− |
| |
− | ''over'' – графический ресурс для отображения чекбокса в состоянии — мышь над ним. Перетаскивается мышкой из редактора ресурсов (поле должно находится в состоянии редактирования).
| |
− |
| |
− | 4. Проверить выполнение задачи с помощью проигрывателя сцен Viewer. Для этого в редакторе сцен нужно нажать кнопку запуска сцены.
| |
− |
| |
− | '''§3. Задание к уроку'''
| |
− |
| |
− | 1. Щелкнув правой кнопкой мыши по экрану Lesson_3, создать новый экран Lesson_03.1.
| |
− |
| |
− | 2. Создать новую сцену (с названием 03.1).
| |
− |
| |
− | 3. Через редактор ресурсов ResourcesEditor загрузить в сцену 03.1 графические ресурсы bg и palez_1.
| |
− |
| |
− | 4. Объект palez_1 перевести в тип checkbox.
| |
− |
| |
− | 5. В сцене 03.1 постарайтесь сами изменить параметры checkbox. Сделайте так, чтобы:
| |
− |
| |
− | a) в отжатом состоянии объект palez_1 был в состоянии palez_1;
| |
− |
| |
− | b) при наведении мышью на объект palez_1 — перешел в состояние palez_2;
| |
− |
| |
− | с) при нажатии на объект palez_1 был в состоянии palez_3.
| |
| | | |
| ---- | | ---- |