wiki.appsalutecreator.com - Вклад участника [ru]

Создание игры «Hidden Object Game»

2017-11-15T09:28:34Z

Dkamkov:

{| width="100%"
| width="40%"|[[Редактор текстовых ресурсов|Урок 6]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Настройка миниигр|Урок 8]]
|}
----
{{TOC right}}

'''Цель:''' Изучить настройки объектов [[HiddenList]], [[HiddenObject]] и [[Table]] для типа механики Hidden Object Game на базе создания уровня из игры Travel.

'''Задача:''' Создать уровень игры содержащей 10 поисковых объектов расположенных на одном бэкграунде (фоне). При инициализации сцены обеспечить размещение 5 объектов для поиска.

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

Откроем проект lessons. Создадим экран Lesson_7. [[Файл:Lesson7_textbase.png|right]]
В экране Lesson_7 создадим новую сцену* stg_7 с разрешением 960*640 (по умолчанию), в которую (через ResourcesEditor) добавим графические ресурсы из папки Lesson_7. (см. подготовка к работе [[Создание проекта]])

* Для корректной работы на мобильном устройстве необходимо настроить параметр.

* Графические объекты должны разместиться точно на местах предназначенных для их «Прятанья».

Создадим папку Lesson_7 в базе текстовых описаний с помощью TextEditor. Добавим в неё 10 текстовых записей, соответствующих именам поисковых объектов. Заполним для каждой текстовой записи значение [[Интерфейс TextEditor#Создание и заполнение текстовой базы проекта | Word]], [[Интерфейс TextEditor#Создание и заполнение текстовой базы проекта | Sentence-En]], добавим графическое отображение поискового объекта. Сделать это можно вручную, перетащив картинку соответствующего объекта из редактора ресурсов и, по нажатию на картинке правой кнопкой мыши, выберем тип "icon1". Или же более быстрым [[Интерфейс TextEditor#Добавление иконок в текстовый элемент | способом]].

== Общая настройка объектов ==

1. Для всех поисковых графических объектов изменить тип с image на [[HiddenObject]].

[[Файл:Lesson7_hidden_obj.png]]

2. Создать специальные объекты [[Table]] и [[HiddenList]]. Для этого необходимо перенести графическое изображение table с последующим изменением типа с image на Table. Название объекта изменить на HOT**

[[Файл:07 5.png]]

3. Для объекта HiddenList перенести любое графическое изображение с последующим изменением типа с image на HiddenList и удалением графического ресурса из поля настроек (res)*. Для данного типа объекта не требуется графический ресурс. Название объекта изменить на HOL**

[[Файл:Lesson7_HiddenList.png]]

'''**''' Имена для специальных объектов могут использоваться любые.

== Детальная настройка объектов ==

'''1. Описание HiddenObject.'''

''HiddenObject'' - это поисковый объект, взаимодействующий со списком HiddenList. Каждому поисковому объекту необходимо указать графический ресурс (картинку), идентификатор объекта HiddenList и идентификатор текстового ресурса (строки описания) в HiddenList.[[Файл:07 7.png|right]]

Необходимо выбрать используемый объект с именем HOL (тип HiddenObjectList) в поле list.

''текстID'' – название хидден-объекта, которое будет отображаться в списке. Перетаскивается мышкой из текстового редактора;

''текст'' – обычный текст (будет отображаться в таблице при отсутствии ТекстID, для быстрых экспериментов);

''list'' – ссылка на HiddenList, к которому будет подключен объект, для обеспечения связи между ними;

''flyer'' – объект типа flyer, который запустится в работу при нахождении поискового объекта. Неудачный клик обрабатывает HiddenList. Если параметр не задан, используется fly_ok объекта HiddenList.(objid);

''actor'' – объект, который отображает анимацию спрятанного объекта после удачного клика на него (обычно это машина состояния). Парметр необязателен. Актёры нужны тогда, когда отличается графика объекта, который непосредственно находится на сцене и который летит к таблице. Это может быть случай, когда на сцене лежит часть объекта, а летит целый. Или же на сцене - с тенью, а летит - без.

''тип'' – номер типа объекта, используется для логического разделения объектов при обработке HiddenList.

'''2. Описание HiddenObjectList.'''

HiddenList - это список поисковых объектов (Hidden), которые надо найти в хидден-сцене. [[Файл:07 8.png|right]] Каждый поисковый объект на сцене связывают со списком. Объектов может быть больше, чем будет показано в данной игровой сессии (поле "объектов"). В этом случае они выбираются случайным образом. Запоминаются те из них, по которым произошёл клик (увеличивается счетчик их кликов). При следующем заходе на сцену, поисковые слова сортируются по возрастанию числа кликов и снова активизируется количество спрятанных объектов, указанных в поле "количество".

HiddenList определяет основные параметры для настройки HiddenObject (скорость полета и т.п.). В дальнейшем, при необходимости, эти же параметры можно добавить в HiddenObject, чтобы для данного объекта они "перебивали" общие значения для всех.

Подготовка спрятанных объектов:

''num'' (поле "объектов") – максимальное количество объектов, участвующие в поиске. (int)

''hide'' (поле "прятать") – если 1, то делать невидимыми объекты, не участвующие в поиске. (int)

Визуальные параметры списка:

''table'' (поле "таблица") – идентификатор объекта Table. (objid)

''kind'' (внешний вид - поле "тип списка") – тип отображения объекта в списке (0-слово,1-ассоциация, 2-иконка, 3-иконка). (int)

''cross'' (внешний вид - поле "вычеркнуть") – зачеркивать найденный элемент списка. Eсли 0 (по умолчанию), то найденный элемент удаляется, иначе "зачеркивается".(int).

3. Описание Table

[[Файл:Table lesson7.png]]

хотелось бы напомнить , что вы можете “поиграться” с вкладкой “таблица” , что бы настроить внешний вид , вспомогательную область для поиска предметов.

6. Параметры, общие для всех спрятанных объектов:

''die'' – тип исчезания при удачном клике на объект (если нет актера) (int):

0: просто исчезает;

1: летит к пункту с описанием в списке HiddenList;

2: улетает в случайном направлении;

3: улетает к заданным координатам (fx, fy).

vm - скорость движения при полете к списку предметов после клика в px/sec (float)

vr - скорость вращения при полете к списку предметов после клик в град/sec (float)

fw - финальная ширина к которой надо уменьшится при подлете к финальной точке (int)

fh - финальная высота к которой надо уменьшится при подлете к финальной точке (int). Объект не должен изменять своих пропорций, поэтому fw или fh (или оба) всегда отрицательны.

fx - финальная координата x, к которой объект должен перелететь, при удачном клике (см. тип исчезания). (int)

fy - финальная координата x, к которой объект должен перелететь, при удачном клике (см. тип исчезания). (int)

<blockquote>
[[файл:wrong.png|right|32px]]
'''Внимание!''' HiddenList не будет работать без объекта [[Редактор текстовых ресурсов#Упражнения|Options]], который вы должны были создать в предыдущем уроке, а так же без параметра ''id игры'' (Очковая система -> id игры; для теста заполним его любой строкой).
</blockquote>

== Упражнения ==

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

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

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

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

[[Файл:07 11.png]]

5. В новой сцене:

a) добавить еще 3 графических ресурса и перевести в тип HiddenObject;

b) разместить на местах предназначенных для их «Прятанья»;

c) добавить текстовое описание в TextEditor;

e) установить время игры 20 секунд, паузу 2 секунды с переходом на экран Lesson_7_1.

6. Модифицировать экран Lesson_7 в полноценный уровень с выводом количества очков, игрой на время и графикой.

== Упражнение № 6 ==
Экран lesson_7 необходимо модифицировать в полноценный уровень.

Для этого первый экран дополняем 2 счетчиками ([[counter]]), таймером ([[timer]]), машиной-блокатором ([[machine]]), машиной-комбо3 ([[machine]]) и прогрессом ([[progress]]). Второй экран с выводом очков составим позже.

[[Файл:1.png]]

Счетчик «amt» ([[counter]]) показывает сколько объектов найдено. Счетчик «score_H» ([[counter]]) насчитывает баллы за собранные объекты. Таймер ([[timer]]) запускается при старте игры и отсчитывает заданное время на игру, машина-блокатор «ban_H» блокирует сцену при серии ошибочных кликов. Прогресс «progr» ([[progress]]) отображает уровень прохождения игры.

Чтобы всё заработало необходимо указать счетчики, таймер, машину-блокатор, машину-комбо3 и прогресс в хиденлисте «HL_01» ([[hiddenList]]).

== СЧЕТЧИК ==

В редакторе ресурсов выбираем анимацию и добавляем графику для счетчика.

<blockquote>
[[файл:wrong.png|right|32px]]
'''Внимание!''' Если в редакторе ресурсов нету анимации, то [[Интерфейс_ResourceEditor#Анимация|создайте]] её - это просто).
</blockquote>

‎[[Файл:Coun (5).png]] ‎[[Файл:Coun (6).png]] [[Файл:Coun (7).png]] [[Файл:Coun (8).png]] ‎[[Файл:Coun (9).png]] [[Файл:Coun_(10).png]] ‎[[Файл:Coun (11).png]] ‎[[Файл:Coun (1).png]] ‎‎[[Файл:Coun (2).png]] ‎[[Файл:Coun (3).png]] ‎[[‎Файл:Coun (4).png]]

Создаем объект сцены с типом «[[counter]]», в поле res перетаскиваем анимацию с цифрами от 0 до 9, разделитель перетаскиваем в отдельную графу без анимации. Настройки для счетчика:

[[Файл:243.png]] [[Файл:33.png]]

== ТАЙМЕР ==

В свойствах таймера «[[timer]]» необходимо указать «значение» с которого начнется отсчет времени (18000 = 18 сек.).
В свойство «графика» из графического редактора перетаскиваем анимацию которую делали для счетчика и двоеточие. Настройки для таймера:

[[Файл:444.png]]

Также стоит обновить настройки , в HiddenObjectList , т.к. если мы его не укажем отсчет времени просто не начнется , и так же нужно помнить чтобы время таймера и время указанное в HiddenObjectList должны совпадать , иначе отсчет будет идти от меньшего времени вне зависимости указано оно в HOL или в таймере
[[Файл:HOL_time.png]]

== ПРОГРЕСС ==

[[Progress]] используют для отображения каких либо ачивментов, например когда игрок проходить уровень он может получить 1,2,3 звезды или бронзовую, серебряную, золотую.
Настройки для прогресса :

[[Файл:555.png]]

Графика для Progress: [[Файл:666.png]]

Настройки для машины-Combo3c :

[[Файл:777.png]]

Во всех HiddenObject добавить свойство "изменить состояние объекта" combo3c [[Файл:1818.png]]

Настройки для машины-блокатора «ban_H» (machine) :

[[Файл:Ban h na max.png]]
[[Файл:9.png]]

Настройки для hiddenList:

[[Файл:1010.png]] [[Файл:1011.png]]

Группа - звезды combo num =1 Количество быстро найденных объектов, нужное для получения звезды Combo combo time = 3000 Интервал между кликами, считающимися быстрыми для Combo accuracy = 0,85 Точность кликов для получения звезды Accuracy (1 = 100%, все клики должны быть только удачные) лимит ложных кликов =5 Лимит ложных кликов. Формула расчета количество верных кликов делим на общее количество получаем коэффициент если он равен или больше указного нами то в опции пишем параметр, если нет то не пишем.

Для HiddenList и Counter пункт "сохранить в профиль" должен совпадать. Если в HiddenList указано "глобально", то и в Counter также необходимо установить "глобально".

Создаем вторую сцену на которой формируем окно вывода результатов из ректангла (Rectangle), текстовых объектов и счетчиков, окно
должно открываться по окончанию игры, при выигрыше показывать набранные очки и надпись об удаче,при проигрыше нулевые очки и надпись о неудаче.

Графика для Rectangle rec: [[Файл:0001.png]] [[Файл:0002.png]] [[Файл:0003.png]] [[Файл:0004.png]] [[Файл:0005.png]] [[Файл:0006.png]] [[Файл:0007.png]] [[Файл:0008.png]] [[Файл:0009.png]] [[Файл:00010.png]]

<blockquote>
[[файл:wrong.png|right|32px]]
'''Внимание!''' Rectangle black (Цвет задается в свойстве фон->цвет заливки) используется в качестве фона, на котором будет размещаться всплывающие окно с показаниями результата пройденной игры.
</blockquote>

[[Файл:1012.png]] [[Файл:0102.png]]

Далее копируем Rectangle black и делаем подобъектом блокатора ban_H, а также меняем размеры rectangle black (устанавливаем не нулевые!).

В свойствах счетчиков необходимо прописать уровень!

1) счетчик 7_4_1 — игровые очки;

уровень: last_game.score30_total

2) счетчик 7_4_2 — бонус за время;

уровень: last_game.score30_time

3) счетчик 7_4_3 — бонус за аккуратность;

уровень: last_game.score30_accuracy

4) счетчик 7_4_4 — бонус за комбо;

уровень: last_game.ecmbRowMax

5) счетчик 7_4_5 — очки за уровень;

уровень: last_game.score30_level

Важный аспект:После того как вы добавили last.game.xxx в графу уровень в каждом счетчике , графа игра должна остаться пустой и так же не стоит эти счетчики закидывать в HOL , т.к. одни и те же данные могут конфликтовать между собой. Также обязательным условием является включение графы “очки 3.0” в HOL`e.

После создания счетчиков и установки уровней добавляем 5 текстовых объектов, которые описывают значения, выводящиеся счетчиками в конце игры в окне результатов (игровые очки, бонус за время и т.д.).

Настройки для машины — star1
(проверка в опциях параметра last_game.last_star_accuracy0,
last_game.last_star_time0, )

[[Файл:0303.png]]

Настройки для машины — star2
(если параметр accuracy=0)

[[Файл:0304.png]]

Настройки для машины — star3
(если игра пройдена за указанное время)

[[Файл:0305.png]]

Настройки для машины — win

[[Файл:0306.png]]

Машина win считывает «read» показания счетчика и запускает star1 если игра пройдена.

Также создаем кнопку close (button), которая должна закрывать окно результатов. Добавляем "изменить состояние объекта"; объект win, состояние close.

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

----

{| width="100%"
| width="40%"|[[Редактор текстовых ресурсов|Урок 6]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Настройка миниигр|Урок 8]]
|}

[[Category:Learning]]

Создание игры «Hidden Object Game»

2017-11-15T09:27:22Z

Dkamkov:

{| width="100%"
| width="40%"|[[Редактор текстовых ресурсов|Урок 6]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Настройка миниигр|Урок 8]]
|}
----
{{TOC right}}

'''Цель:''' Изучить настройки объектов [[HiddenList]], [[HiddenObject]] и [[Table]] для типа механики Hidden Object Game на базе создания уровня из игры Travel.

'''Задача:''' Создать уровень игры содержащей 10 поисковых объектов расположенных на одном бэкграунде (фоне). При инициализации сцены обеспечить размещение 5 объектов для поиска.

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

Откроем проект lessons. Создадим экран Lesson_7. [[Файл:Lesson7_textbase.png|right]]
В экране Lesson_7 создадим новую сцену* stg_7 с разрешением 960*640 (по умолчанию), в которую (через ResourcesEditor) добавим графические ресурсы из папки Lesson_7. (см. подготовка к работе [[Создание проекта]])

* Для корректной работы на мобильном устройстве необходимо настроить параметр.

* Графические объекты должны разместиться точно на местах предназначенных для их «Прятанья».

Создадим папку Lesson_7 в базе текстовых описаний с помощью TextEditor. Добавим в неё 10 текстовых записей, соответствующих именам поисковых объектов. Заполним для каждой текстовой записи значение [[Интерфейс TextEditor#Создание и заполнение текстовой базы проекта | Word]], [[Интерфейс TextEditor#Создание и заполнение текстовой базы проекта | Sentence-En]], добавим графическое отображение поискового объекта. Сделать это можно вручную, перетащив картинку соответствующего объекта из редактора ресурсов и, по нажатию на картинке правой кнопкой мыши, выберем тип "icon1". Или же более быстрым [[Интерфейс TextEditor#Добавление иконок в текстовый элемент | способом]].

== Общая настройка объектов ==

1. Для всех поисковых графических объектов изменить тип с image на [[HiddenObject]].

[[Файл:Lesson7_hidden_obj.png]]

2. Создать специальные объекты [[Table]] и [[HiddenList]]. Для этого необходимо перенести графическое изображение table с последующим изменением типа с image на Table. Название объекта изменить на HOT**

[[Файл:07 5.png]]

3. Для объекта HiddenList перенести любое графическое изображение с последующим изменением типа с image на HiddenList и удалением графического ресурса из поля настроек (res)*. Для данного типа объекта не требуется графический ресурс. Название объекта изменить на HOL**

[[Файл:Lesson7_HiddenList.png]]

'''**''' Имена для специальных объектов могут использоваться любые.

== Детальная настройка объектов ==

'''1. Описание HiddenObject.'''

''HiddenObject'' - это поисковый объект, взаимодействующий со списком HiddenList. Каждому поисковому объекту необходимо указать графический ресурс (картинку), идентификатор объекта HiddenList и идентификатор текстового ресурса (строки описания) в HiddenList.[[Файл:07 7.png|right]]

Необходимо выбрать используемый объект с именем HOL (тип HiddenObjectList) в поле list.

''текстID'' – название хидден-объекта, которое будет отображаться в списке. Перетаскивается мышкой из текстового редактора;

''текст'' – обычный текст (будет отображаться в таблице при отсутствии ТекстID, для быстрых экспериментов);

''list'' – ссылка на HiddenList, к которому будет подключен объект, для обеспечения связи между ними;

''flyer'' – объект типа flyer, который запустится в работу при нахождении поискового объекта. Неудачный клик обрабатывает HiddenList. Если параметр не задан, используется fly_ok объекта HiddenList.(objid);

''actor'' – объект, который отображает анимацию спрятанного объекта после удачного клика на него (обычно это машина состояния). Парметр необязателен. Актёры нужны тогда, когда отличается графика объекта, который непосредственно находится на сцене и который летит к таблице. Это может быть случай, когда на сцене лежит часть объекта, а летит целый. Или же на сцене - с тенью, а летит - без.

''тип'' – номер типа объекта, используется для логического разделения объектов при обработке HiddenList.

'''2. Описание HiddenObjectList.'''

HiddenList - это список поисковых объектов (Hidden), которые надо найти в хидден-сцене. [[Файл:07 8.png|right]] Каждый поисковый объект на сцене связывают со списком. Объектов может быть больше, чем будет показано в данной игровой сессии (поле "объектов"). В этом случае они выбираются случайным образом. Запоминаются те из них, по которым произошёл клик (увеличивается счетчик их кликов). При следующем заходе на сцену, поисковые слова сортируются по возрастанию числа кликов и снова активизируется количество спрятанных объектов, указанных в поле "количество".

HiddenList определяет основные параметры для настройки HiddenObject (скорость полета и т.п.). В дальнейшем, при необходимости, эти же параметры можно добавить в HiddenObject, чтобы для данного объекта они "перебивали" общие значения для всех.

Подготовка спрятанных объектов:

''num'' (поле "объектов") – максимальное количество объектов, участвующие в поиске. (int)

''hide'' (поле "прятать") – если 1, то делать невидимыми объекты, не участвующие в поиске. (int)

Визуальные параметры списка:

''table'' (поле "таблица") – идентификатор объекта Table. (objid)

''kind'' (внешний вид - поле "тип списка") – тип отображения объекта в списке (0-слово,1-ассоциация, 2-иконка, 3-иконка). (int)

''cross'' (внешний вид - поле "вычеркнуть") – зачеркивать найденный элемент списка. Eсли 0 (по умолчанию), то найденный элемент удаляется, иначе "зачеркивается".(int).

3. Описание Table

[[Файл:Table lesson7.png]]

хотелось бы напомнить , что вы можете “поиграться” с вкладкой “таблица” , что бы настроить внешний вид , вспомогательную область для поиска предметов.

6. Параметры, общие для всех спрятанных объектов:

''die'' – тип исчезания при удачном клике на объект (если нет актера) (int):

0: просто исчезает;

1: летит к пункту с описанием в списке HiddenList;

2: улетает в случайном направлении;

3: улетает к заданным координатам (fx, fy).

vm - скорость движения при полете к списку предметов после клика в px/sec (float)

vr - скорость вращения при полете к списку предметов после клик в град/sec (float)

fw - финальная ширина к которой надо уменьшится при подлете к финальной точке (int)

fh - финальная высота к которой надо уменьшится при подлете к финальной точке (int). Объект не должен изменять своих пропорций, поэтому fw или fh (или оба) всегда отрицательны.

fx - финальная координата x, к которой объект должен перелететь, при удачном клике (см. тип исчезания). (int)

fy - финальная координата x, к которой объект должен перелететь, при удачном клике (см. тип исчезания). (int)

<blockquote>
[[файл:wrong.png|right|32px]]
'''Внимание!''' HiddenList не будет работать без объекта [[Редактор текстовых ресурсов#Упражнения|Options]], который вы должны были создать в предыдущем уроке, а так же без параметра ''id игры'' (Очковая система -> id игры; для теста заполним его любой строкой).
</blockquote>

== Упражнения ==

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

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

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

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

[[Файл:07 11.png]]

5. В новой сцене:

a) добавить еще 3 графических ресурса и перевести в тип HiddenObject;

b) разместить на местах предназначенных для их «Прятанья»;

c) добавить текстовое описание в TextEditor;

e) установить время игры 20 секунд, паузу 2 секунды с переходом на экран Lesson_7_1.

6. Модифицировать экран Lesson_7 в полноценный уровень с выводом количества очков, игрой на время и графикой.

== Упражнение № 6 ==
Экран lesson_7 необходимо модифицировать в полноценный уровень.

Для этого первый экран дополняем 2 счетчиками ([[counter]]), таймером ([[timer]]), машиной-блокатором ([[machine]]), машиной-комбо3 ([[machine]]) и прогрессом ([[progress]]). Второй экран с выводом очков составим позже.

[[Файл:1.png]]

Счетчик «amt» ([[counter]]) показывает сколько объектов найдено. Счетчик «score_H» ([[counter]]) насчитывает баллы за собранные объекты. Таймер ([[timer]]) запускается при старте игры и отсчитывает заданное время на игру, машина-блокатор «ban_H» блокирует сцену при серии ошибочных кликов. Прогресс «progr» ([[progress]]) отображает уровень прохождения игры.

Чтобы всё заработало необходимо указать счетчики, таймер, машину-блокатор, машину-комбо3 и прогресс в хиденлисте «HL_01» ([[hiddenList]]).

== СЧЕТЧИК ==

В редакторе ресурсов выбираем анимацию и добавляем графику для счетчика.

<blockquote>
[[файл:wrong.png|right|32px]]
'''Внимание!''' Если в редакторе ресурсов нету анимации, то [[Интерфейс_ResourceEditor#Анимация|создайте]] её - это просто).
</blockquote>

‎[[Файл:Coun (5).png]] ‎[[Файл:Coun (6).png]] [[Файл:Coun (7).png]] [[Файл:Coun (8).png]] ‎[[Файл:Coun (9).png]] [[Файл:Coun_(10).png]] ‎[[Файл:Coun (11).png]] ‎[[Файл:Coun (1).png]] ‎‎[[Файл:Coun (2).png]] ‎[[Файл:Coun (3).png]] ‎[[‎Файл:Coun (4).png]]

Создаем объект сцены с типом «[[counter]]», в поле res перетаскиваем анимацию с цифрами от 0 до 9, разделитель перетаскиваем в отдельную графу без анимации. Настройки для счетчика:

[[Файл:243.png]] [[Файл:33.png]]

== ТАЙМЕР ==

В свойствах таймера «[[timer]]» необходимо указать «значение» с которого начнется отсчет времени (18000 = 18 сек.).
В свойство «графика» из графического редактора перетаскиваем анимацию которую делали для счетчика и двоеточие. Настройки для таймера:

[[Файл:444.png]]

Также стоит обновить настройки , в HiddenObjectList , т.к. если мы его не укажем отсчет времени просто не начнется , и так же нужно помнить чтобы время таймера и время указанное в HiddenObjectList должны совпадать , иначе отсчет будет идти от меньшего времени вне зависимости указано оно в HOL или в таймере
[[Файл:HOL_time.png]]

== ПРОГРЕСС ==

[[Progress]] используют для отображения каких либо ачивментов, например когда игрок проходить уровень он может получить 1,2,3 звезды или бронзовую, серебряную, золотую.
Настройки для прогресса :

[[Файл:555.png]]

Графика для Progress: [[Файл:666.png]]

Настройки для машины-Combo3c :

[[Файл:777.png]]

Во всех HiddenObject добавить свойство "изменить состояние объекта" combo3c [[Файл:1818.png]]

Настройки для машины-блокатора «ban_H» (machine) :

[[Файл:Ban h na max.png]]
[[Файл:9.png]]

Настройки для hiddenList:

[[Файл:1010.png]] [[Файл:1011.png]]

Группа - звезды combo num =1 Количество быстро найденных объектов, нужное для получения звезды Combo combo time = 3000 Интервал между кликами, считающимися быстрыми для Combo accuracy = 0,85 Точность кликов для получения звезды Accuracy (1 = 100%, все клики должны быть только удачные) лимит ложных кликов =5 Лимит ложных кликов. Формула расчета количество верных кликов делим на общее количество получаем коэффициент если он равен или больше указного нами то в опции пишем параметр, если нет то не пишем.

Для HiddenList и Counter пункт "сохранить в профиль" должен совпадать. Если в HiddenList указано "глобально", то и в Counter также необходимо установить "глобально".

Создаем вторую сцену на которой формируем окно вывода результатов из ректангла (Rectangle), текстовых объектов и счетчиков, окно
должно открываться по окончанию игры, при выигрыше показывать набранные очки и надпись об удаче,при проигрыше нулевые очки и надпись о неудаче.

Графика для Rectangle rec: [[Файл:0001.png]] [[Файл:0002.png]] [[Файл:0003.png]] [[Файл:0004.png]] [[Файл:0005.png]] [[Файл:0006.png]] [[Файл:0007.png]] [[Файл:0008.png]] [[Файл:0009.png]] [[Файл:00010.png]]

<blockquote>
[[файл:wrong.png|right|32px]]
'''Внимание!''' Rectangle black (Фон задается в свойстве фон->цвет заливки) используется в качестве фона, на котором будет размещаться всплывающие окно с показаниями результата пройденной игры.
</blockquote>

[[Файл:1012.png]] [[Файл:0102.png]]

Далее копируем Rectangle black и делаем подобъектом блокатора ban_H, а также меняем размеры rectangle black (устанавливаем не нулевые!).

В свойствах счетчиков необходимо прописать уровень!

1) счетчик 7_4_1 — игровые очки;

уровень: last_game.score30_total

2) счетчик 7_4_2 — бонус за время;

уровень: last_game.score30_time

3) счетчик 7_4_3 — бонус за аккуратность;

уровень: last_game.score30_accuracy

4) счетчик 7_4_4 — бонус за комбо;

уровень: last_game.ecmbRowMax

5) счетчик 7_4_5 — очки за уровень;

уровень: last_game.score30_level

Важный аспект:После того как вы добавили last.game.xxx в графу уровень в каждом счетчике , графа игра должна остаться пустой и так же не стоит эти счетчики закидывать в HOL , т.к. одни и те же данные могут конфликтовать между собой. Также обязательным условием является включение графы “очки 3.0” в HOL`e.

После создания счетчиков и установки уровней добавляем 5 текстовых объектов, которые описывают значения, выводящиеся счетчиками в конце игры в окне результатов (игровые очки, бонус за время и т.д.).

Настройки для машины — star1
(проверка в опциях параметра last_game.last_star_accuracy0,
last_game.last_star_time0, )

[[Файл:0303.png]]

Настройки для машины — star2
(если параметр accuracy=0)

[[Файл:0304.png]]

Настройки для машины — star3
(если игра пройдена за указанное время)

[[Файл:0305.png]]

Настройки для машины — win

[[Файл:0306.png]]

Машина win считывает «read» показания счетчика и запускает star1 если игра пройдена.

Также создаем кнопку close (button), которая должна закрывать окно результатов. Добавляем "изменить состояние объекта"; объект win, состояние close.

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

----

{| width="100%"
| width="40%"|[[Редактор текстовых ресурсов|Урок 6]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Настройка миниигр|Урок 8]]
|}

[[Category:Learning]]

Файл:Ban h na max.png

2017-11-15T09:23:41Z

Dkamkov:

Создание игры «Hidden Object Game»

2017-11-15T09:04:35Z

Dkamkov:

{| width="100%"
| width="40%"|[[Редактор текстовых ресурсов|Урок 6]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Настройка миниигр|Урок 8]]
|}
----
{{TOC right}}

'''Цель:''' Изучить настройки объектов [[HiddenList]], [[HiddenObject]] и [[Table]] для типа механики Hidden Object Game на базе создания уровня из игры Travel.

'''Задача:''' Создать уровень игры содержащей 10 поисковых объектов расположенных на одном бэкграунде (фоне). При инициализации сцены обеспечить размещение 5 объектов для поиска.

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

Откроем проект lessons. Создадим экран Lesson_7. [[Файл:Lesson7_textbase.png|right]]
В экране Lesson_7 создадим новую сцену* stg_7 с разрешением 960*640 (по умолчанию), в которую (через ResourcesEditor) добавим графические ресурсы из папки Lesson_7. (см. подготовка к работе [[Создание проекта]])

* Для корректной работы на мобильном устройстве необходимо настроить параметр.

* Графические объекты должны разместиться точно на местах предназначенных для их «Прятанья».

Создадим папку Lesson_7 в базе текстовых описаний с помощью TextEditor. Добавим в неё 10 текстовых записей, соответствующих именам поисковых объектов. Заполним для каждой текстовой записи значение [[Интерфейс TextEditor#Создание и заполнение текстовой базы проекта | Word]], [[Интерфейс TextEditor#Создание и заполнение текстовой базы проекта | Sentence-En]], добавим графическое отображение поискового объекта. Сделать это можно вручную, перетащив картинку соответствующего объекта из редактора ресурсов и, по нажатию на картинке правой кнопкой мыши, выберем тип "icon1". Или же более быстрым [[Интерфейс TextEditor#Добавление иконок в текстовый элемент | способом]].

== Общая настройка объектов ==

1. Для всех поисковых графических объектов изменить тип с image на [[HiddenObject]].

[[Файл:Lesson7_hidden_obj.png]]

2. Создать специальные объекты [[Table]] и [[HiddenList]]. Для этого необходимо перенести графическое изображение table с последующим изменением типа с image на Table. Название объекта изменить на HOT**

[[Файл:07 5.png]]

3. Для объекта HiddenList перенести любое графическое изображение с последующим изменением типа с image на HiddenList и удалением графического ресурса из поля настроек (res)*. Для данного типа объекта не требуется графический ресурс. Название объекта изменить на HOL**

[[Файл:Lesson7_HiddenList.png]]

'''**''' Имена для специальных объектов могут использоваться любые.

== Детальная настройка объектов ==

'''1. Описание HiddenObject.'''

''HiddenObject'' - это поисковый объект, взаимодействующий со списком HiddenList. Каждому поисковому объекту необходимо указать графический ресурс (картинку), идентификатор объекта HiddenList и идентификатор текстового ресурса (строки описания) в HiddenList.[[Файл:07 7.png|right]]

Необходимо выбрать используемый объект с именем HOL (тип HiddenObjectList) в поле list.

''текстID'' – название хидден-объекта, которое будет отображаться в списке. Перетаскивается мышкой из текстового редактора;

''текст'' – обычный текст (будет отображаться в таблице при отсутствии ТекстID, для быстрых экспериментов);

''list'' – ссылка на HiddenList, к которому будет подключен объект, для обеспечения связи между ними;

''flyer'' – объект типа flyer, который запустится в работу при нахождении поискового объекта. Неудачный клик обрабатывает HiddenList. Если параметр не задан, используется fly_ok объекта HiddenList.(objid);

''actor'' – объект, который отображает анимацию спрятанного объекта после удачного клика на него (обычно это машина состояния). Парметр необязателен. Актёры нужны тогда, когда отличается графика объекта, который непосредственно находится на сцене и который летит к таблице. Это может быть случай, когда на сцене лежит часть объекта, а летит целый. Или же на сцене - с тенью, а летит - без.

''тип'' – номер типа объекта, используется для логического разделения объектов при обработке HiddenList.

'''2. Описание HiddenObjectList.'''

HiddenList - это список поисковых объектов (Hidden), которые надо найти в хидден-сцене. [[Файл:07 8.png|right]] Каждый поисковый объект на сцене связывают со списком. Объектов может быть больше, чем будет показано в данной игровой сессии (поле "объектов"). В этом случае они выбираются случайным образом. Запоминаются те из них, по которым произошёл клик (увеличивается счетчик их кликов). При следующем заходе на сцену, поисковые слова сортируются по возрастанию числа кликов и снова активизируется количество спрятанных объектов, указанных в поле "количество".

HiddenList определяет основные параметры для настройки HiddenObject (скорость полета и т.п.). В дальнейшем, при необходимости, эти же параметры можно добавить в HiddenObject, чтобы для данного объекта они "перебивали" общие значения для всех.

Подготовка спрятанных объектов:

''num'' (поле "объектов") – максимальное количество объектов, участвующие в поиске. (int)

''hide'' (поле "прятать") – если 1, то делать невидимыми объекты, не участвующие в поиске. (int)

Визуальные параметры списка:

''table'' (поле "таблица") – идентификатор объекта Table. (objid)

''kind'' (внешний вид - поле "тип списка") – тип отображения объекта в списке (0-слово,1-ассоциация, 2-иконка, 3-иконка). (int)

''cross'' (внешний вид - поле "вычеркнуть") – зачеркивать найденный элемент списка. Eсли 0 (по умолчанию), то найденный элемент удаляется, иначе "зачеркивается".(int).

3. Описание Table

[[Файл:Table lesson7.png]]

хотелось бы напомнить , что вы можете “поиграться” с вкладкой “таблица” , что бы настроить внешний вид , вспомогательную область для поиска предметов.

6. Параметры, общие для всех спрятанных объектов:

''die'' – тип исчезания при удачном клике на объект (если нет актера) (int):

0: просто исчезает;

1: летит к пункту с описанием в списке HiddenList;

2: улетает в случайном направлении;

3: улетает к заданным координатам (fx, fy).

vm - скорость движения при полете к списку предметов после клика в px/sec (float)

vr - скорость вращения при полете к списку предметов после клик в град/sec (float)

fw - финальная ширина к которой надо уменьшится при подлете к финальной точке (int)

fh - финальная высота к которой надо уменьшится при подлете к финальной точке (int). Объект не должен изменять своих пропорций, поэтому fw или fh (или оба) всегда отрицательны.

fx - финальная координата x, к которой объект должен перелететь, при удачном клике (см. тип исчезания). (int)

fy - финальная координата x, к которой объект должен перелететь, при удачном клике (см. тип исчезания). (int)

<blockquote>
[[файл:wrong.png|right|32px]]
'''Внимание!''' HiddenList не будет работать без объекта [[Редактор текстовых ресурсов#Упражнения|Options]], который вы должны были создать в предыдущем уроке, а так же без параметра ''id игры'' (Очковая система -> id игры; для теста заполним его любой строкой).
</blockquote>

== Упражнения ==

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

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

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

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

[[Файл:07 11.png]]

5. В новой сцене:

a) добавить еще 3 графических ресурса и перевести в тип HiddenObject;

b) разместить на местах предназначенных для их «Прятанья»;

c) добавить текстовое описание в TextEditor;

e) установить время игры 20 секунд, паузу 2 секунды с переходом на экран Lesson_7_1.

6. Модифицировать экран Lesson_7 в полноценный уровень с выводом количества очков, игрой на время и графикой.

== Упражнение № 6 ==
Экран lesson_7 необходимо модифицировать в полноценный уровень.

Для этого первый экран дополняем 2 счетчиками ([[counter]]), таймером ([[timer]]), машиной-блокатором ([[machine]]), машиной-комбо3 ([[machine]]) и прогрессом ([[progress]]). Второй экран с выводом очков составим позже.

[[Файл:1.png]]

Счетчик «amt» ([[counter]]) показывает сколько объектов найдено. Счетчик «score_H» ([[counter]]) насчитывает баллы за собранные объекты. Таймер ([[timer]]) запускается при старте игры и отсчитывает заданное время на игру, машина-блокатор «ban_H» блокирует сцену при серии ошибочных кликов. Прогресс «progr» ([[progress]]) отображает уровень прохождения игры.

Чтобы всё заработало необходимо указать счетчики, таймер, машину-блокатор, машину-комбо3 и прогресс в хиденлисте «HL_01» ([[hiddenList]]).

== СЧЕТЧИК ==

В редакторе ресурсов выбираем анимацию и добавляем графику для счетчика.

<blockquote>
[[файл:wrong.png|right|32px]]
'''Внимание!''' Если в редакторе ресурсов нету анимации, то [[Интерфейс_ResourceEditor#Анимация|создайте]] её - это просто).
</blockquote>

‎[[Файл:Coun (5).png]] ‎[[Файл:Coun (6).png]] [[Файл:Coun (7).png]] [[Файл:Coun (8).png]] ‎[[Файл:Coun (9).png]] [[Файл:Coun_(10).png]] ‎[[Файл:Coun (11).png]] ‎[[Файл:Coun (1).png]] ‎‎[[Файл:Coun (2).png]] ‎[[Файл:Coun (3).png]] ‎[[‎Файл:Coun (4).png]]

Создаем объект сцены с типом «[[counter]]», в поле res перетаскиваем анимацию с цифрами от 0 до 9, разделитель перетаскиваем в отдельную графу без анимации. Настройки для счетчика:

[[Файл:243.png]] [[Файл:33.png]]

== ТАЙМЕР ==

В свойствах таймера «[[timer]]» необходимо указать «значение» с которого начнется отсчет времени (18000 = 18 сек.).
В свойство «графика» из графического редактора перетаскиваем анимацию которую делали для счетчика и двоеточие. Настройки для таймера:

[[Файл:444.png]]

Также стоит обновить настройки , в HiddenObjectList , т.к. если мы его не укажем отсчет времени просто не начнется , и так же нужно помнить чтобы время таймера и время указанное в HiddenObjectList должны совпадать , иначе отсчет будет идти от меньшего времени вне зависимости указано оно в HOL или в таймере
[[Файл:HOL_time.png]]

== ПРОГРЕСС ==

[[Progress]] используют для отображения каких либо ачивментов, например когда игрок проходить уровень он может получить 1,2,3 звезды или бронзовую, серебряную, золотую.
Настройки для прогресса :

[[Файл:555.png]]

Графика для Progress: [[Файл:666.png]]

Настройки для машины-Combo3c :

[[Файл:777.png]]

Во всех HiddenObject добавить свойство "изменить состояние объекта" combo3c [[Файл:1818.png]]

Настройки для машины-блокатора «ban_H» (machine) :

[[Файл:9.png]]

Настройки для hiddenList:

[[Файл:1010.png]] [[Файл:1011.png]]

Группа - звезды combo num =1 Количество быстро найденных объектов, нужное для получения звезды Combo combo time = 3000 Интервал между кликами, считающимися быстрыми для Combo accuracy = 0,85 Точность кликов для получения звезды Accuracy (1 = 100%, все клики должны быть только удачные) лимит ложных кликов =5 Лимит ложных кликов. Формула расчета количество верных кликов делим на общее количество получаем коэффициент если он равен или больше указного нами то в опции пишем параметр, если нет то не пишем.

Для HiddenList и Counter пункт "сохранить в профиль" должен совпадать. Если в HiddenList указано "глобально", то и в Counter также необходимо установить "глобально".

Создаем вторую сцену на которой формируем окно вывода результатов из ректангла (Rectangle), текстовых объектов и счетчиков, окно
должно открываться по окончанию игры, при выигрыше показывать набранные очки и надпись об удаче,при проигрыше нулевые очки и надпись о неудаче.

Графика для Rectangle rec: [[Файл:0001.png]] [[Файл:0002.png]] [[Файл:0003.png]] [[Файл:0004.png]] [[Файл:0005.png]] [[Файл:0006.png]] [[Файл:0007.png]] [[Файл:0008.png]] [[Файл:0009.png]] [[Файл:00010.png]]

<blockquote>
[[файл:wrong.png|right|32px]]
'''Внимание!''' Графика для Rectangle black используется в качестве фона, на котором будет размещаться всплывающие окно с показаниями результата пройденной игры.
</blockquote>

[[Файл:1012.png]] [[Файл:0102.png]]

Далее копируем Rectangle black и делаем подобъектом блокатора ban_H, а также меняем размеры rectangle black (устанавливаем не нулевые!).

В свойствах счетчиков необходимо прописать уровень!

1) счетчик 7_4_1 — игровые очки;

уровень: last_game.score30_total

2) счетчик 7_4_2 — бонус за время;

уровень: last_game.score30_time

3) счетчик 7_4_3 — бонус за аккуратность;

уровень: last_game.score30_accuracy

4) счетчик 7_4_4 — бонус за комбо;

уровень: last_game.ecmbRowMax

5) счетчик 7_4_5 — очки за уровень;

уровень: last_game.score30_level

Важный аспект:После того как вы добавили last.game.xxx в графу уровень в каждом счетчике , графа игра должна остаться пустой и так же не стоит эти счетчики закидывать в HOL , т.к. одни и те же данные могут конфликтовать между собой. Также обязательным условием является включение графы “очки 3.0” в HOL`e.

После создания счетчиков и установки уровней добавляем 5 текстовых объектов, которые описывают значения, выводящиеся счетчиками в конце игры в окне результатов (игровые очки, бонус за время и т.д.).

Настройки для машины — star1
(проверка в опциях параметра last_game.last_star_accuracy0,
last_game.last_star_time0, )

[[Файл:0303.png]]

Настройки для машины — star2
(если параметр accuracy=0)

[[Файл:0304.png]]

Настройки для машины — star3
(если игра пройдена за указанное время)

[[Файл:0305.png]]

Настройки для машины — win

[[Файл:0306.png]]

Машина win считывает «read» показания счетчика и запускает star1 если игра пройдена.

Также создаем кнопку close (button), которая должна закрывать окно результатов. Добавляем "изменить состояние объекта"; объект win, состояние close.

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

----

{| width="100%"
| width="40%"|[[Редактор текстовых ресурсов|Урок 6]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Настройка миниигр|Урок 8]]
|}

[[Category:Learning]]

Файл:Hint counter na max.png

2017-11-15T08:59:53Z

Dkamkov: Dkamkov загрузил новую версию Файл:Hint counter na max.png

Настройка миниигр

2017-11-15T08:58:46Z

Dkamkov:

{| width="100%"
| width="40%"|[[Создание игры «Hidden Object Game»|Урок 7]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Работа с эффектами|Урок 9]]
|}
----
{{TOC right}}

'''Цель:''' изучить настройки объектов, реализующих различные минигры.

'''Задачи:'''
* создать уровень игры с объектом, содержащим тип механики Puzzle
* создать уровень игры с объектом, содержащим тип механики Patchwork

== Puzzle ==

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

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

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

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

[[Файл:08 1.png]]

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

[[Файл:08 2.png]] [[Файл:08 3.png]]

=== Настройка объектов, создание машин состояний ===

1. В сцене 08 изменить название графического ресурса hint_normal на applause и в общих настройках элемента удалить саму графику через модификаторы → res.

[[Файл:08 4.png]]

2. Графическое изображение level_01 перевести в тип [[Puzzle|puzzle]] и установить такие настройки:

[[Файл:08 5.png]]

3. Объект applause перевести в тип машина и прописать ему состояния on и off.

4. В состоянии on добавить команду play (проиграть звук) и в списке команды выбрать snd (короткий звук), подгружаемый с помощью ResourcesEditor из папки ресурсов Level_08;

[[Файл:08 6.png]]

5. Создать новое состояние с именем off. В общих настройка свойства элемента изначально установить состояние off.

[[Файл:08 7.png]] [[Файл:08 8.png]]

6. Далее перейти к сцене Buttons, перевести графические объекты hint_normal, ico_R_normal2 в тип button, в свойстве элемента установить такие настройки:

[[Файл:08 9.png]] [[Файл:08 10.png]]

''Кнопка R (переиграть)'' — кнопка, запускающая игру Puzzle сначала. В общих настройках свойства элемента устанавливаем, в какое начало должна возвращать кнопка (в нашем случае перейти на экран Lesson_08).Для данной игры, мы сделали переход на экран <tt>Lesson_08</tt>, который запускает игру сначала. Но в дальнейшем, чтобы не переводить все объекты в начальное состояние правильнее будет, в графе '''«изменить состояние»''' выбрать объект <tt>Level_01</tt> и указать ему состояние <tt>mix</tt>, которое означает, что игра возвращается в состояние перемешивания картинок, а не запускает всю игру заново.

7. В объекте (кнопке) hint_normal нажать правой кнопкой и выбрать изменить состояние объекта → потом выбрать объект level_01 и вписать состояние hint, которое означает, что при нажатии кнопки, в качестве подсказки, игра покажет картинку в собранном виде.

[[Файл:08 11.png]] [[Файл:08 12.png]]

''hint'' – кнопка, реализующая подсказку на экране поиска.

8. Вернуться на сцену 08 к объекту level_01 и в общих настройках свойства элемента изменить состояние объекта → выбрать объект applause и вписать состояние on.

[[Файл:08 13.png]]

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

=== Упражнения ===

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

2. Создать новые сцены (с названием 08.1 и Buttons).

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

4. Вставить скопированые объекты в новую сцену 08.1 и Buttons (экрана Lesson_08.1).

[[Файл:08 15.png]]

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

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

b) в пазле изменить количество разбиваемых частей на шесть (3х2), добавить сетку, изменить перестановку ячеек на смешивание по alpha, изменить время смешивания на 500 миллисекунд;

c) при нажатии hint (подсказки) изменить время показа подсказки на 2 секунды, изменить время финального показа пазла на 3 секунды, установить время закрытия пазла 500 миллисекунд.

6. Сделать счетчик подсказок, используя объект '''[[Store|Store]]''' создать возможность совершать покупки подсказок за реальные деньги.

Щелкнув правой кнопкой мыши по экрану Lesson_08.1 создадим новый экран '''lessons_8_1_1'''. Добавим в него сцены str_8_1 и Button_8_1. В сцену str_8_1 поместим объекты из экрана Lesson_08.1: level_01, applause; оставим их без изменения. В сцену Button_8_1 скопируем из Lesson_08.1 кнопки hint_normal и ico_R_normal2 и создадим новый объект, поменяв ему тип на '''counter''' (счетчик) и названия на '''hint'''. Добавим ресурс из базы ресурсов — анимацию file1 (brown_big). Счетчик hint будет считывать купленные подсказки.

[[Файл:Hint counter na max.png]]

В hint_normal добавим подобъект, сделаем его машиной и назовем '''hint_m'''.

Щелкнув правой кнопкой мыши на сцену Button_8_1 создадим новые сцены store и error, которые, соответственно, будут предназначены для совершения покупок — начисления подсказок и окна с ошибкой при невозможности купить подсказку.

В сцену store добавим две машины: '''buy''' и '''store'''; в error - машину '''error'''.

[[Файл:8 1 1 .PNG]]

Для машины buy зададим состояния, при котором значении параметра hint=1, то есть она начисляет подсказку:

[[Файл:Buy na max.png]]

Соответственно в машине store зададим считывания со счетчика и прозрачность экрана:

[[Файл:Store.PNG]]

Машина error будет отвечать за вывод ошибки при неудачной покупке, то есть задает прозрачность экрана с ошибкой

[[Файл:Error.PNG]]

Вернемся к машине hint_m сцены Button_8_1 и пропишем для нее состояния. Машина отвечает за начисление подсказки при удачной покупке

[[Файл:Hint m.PNG|800px]]

'''Совершение покупки'''

Для того что бы покупку можно было совершить необходимо задать в глобальных свойствах возможность совершения покупки. Для этого на сцене в глобальном экране opt добавим новый элемент, которому изменим тип на store. В свойствах объекта store кликнем правой кнопкой мыши на свойстве wallet, вставляем новое свойство — '''in-app покупка'''. Добавляем поля для покупки: внутренний id, и выбираем расходуемая.

[[Файл:Store2.PNG]]

'''Описание объекта Store'''

Объект '''Store''' необходим для описания InApp покупок (позволяют продавать отдельные бонусы, паки и т.п.) в игре.

Основные параметры объекта Store

''id покупки'' – внутренний id покупки.

''Расходуемая'' – 1 – покупка расходуемая, 0 – покупка раз и навсегда, если параметр не указан, по-умолчанию покупка – одноразовая.

''объект (restore)'' – объект - Слушатель восстановления покупки. Этому объекту будет сообщено об успехе восстановления этой покупки покупки.
состояние (restore) – это состояние будет установлено объекту при успешном восстановлении этой покупки.

'''Для того, чтобы объект Store работал во Вьювере, нужно подкорректировать файл app.icf'''

1. Найти файл app.icf в папке с вашим проектом.

2. Открыть его и найти тег [Game].

3. В теге Game добавить строку purchaseEverything=1.

4. Сохранить файл

<pre>

[Game]
purchaseEverything=1
DispFixRot="Landscape"
# comments and whitespace stripped by deployment tool
debug="Absolutist-2253"
show_build_date=1
AppTitle="Viewer"
DebuggerIP="127.0.0.1"
DebuggerPort=5322

</pre>

'''Оформление'''

Теперь перейдем к оформлению. Для того что бы на экране появлялось окно с предложением о покупке подсказке необходимо его создать. В начальный момент оно должно быть невидимым и прокликиваем, это состояние задано в машине store. Создадим в ней 5 подобъектов.

1.1. Первые два переименуем в '''black''' и '''rec''', изменим им тип на '''[[Rectangle|Rectangle]]'''.

Откроем объект black, пропишем ему свойствах, оставив его пустым рамку, и цвет фона

[[Файл:Black.PNG]]

Для объекта rec зададим рамку и текстуру заливки. Для этого из базы ресурсов мышкой перетащим соответствующие элементы. Ресурсы для графики находятся в предыдущем уроке. Чтобы прямоугольник отображался правильно, задайте ему ненулевые размеры.

[[Файл:Rec.PNG]]

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

1.2. Третьему элементу поменяем тип на text с текстом

[[Файл:Text.PNG]]

1.3. Четвертый и пятый объекты сделаем кнопками, и назовем их '''ok''' – купить подсказку, '''no''' – отказаться от покупки.

Для кнопки ok из базы ресурсов выберем внешний вид

[[Файл:Ok1.PNG]]

и зададим переход на совершение или провал покупки. Для этого кликнем правой кнопкой мыши на свойстве позиционирование и добавим свойство совершить in-app покупку, заполним для нее поля как указано на картинки

[[Файл:Ok2.PNG]]

Аналогично поступим с кнопкой no. Добавим графический ресурс и свойство «изменить состояние объекта», которое будет закрывать окно с предложением о покупке

[[Файл:No1.PNG]] [[Файл:No2.PNG]]

2. Таким же само сделаем со сценой error. В ней создадим четыре объекта: два rectangle: '''rec_error''' – пустой, '''black_error''' — оформленный в такую же рамку; кнопку '''buy''', которая будет делать активным состояние error; текстовый объект '''text_error''' с текстом «error!»

[[Файл:Buy1.PNG]]

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

[[Файл:Снимок1.PNG]]

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

== Patchwork ==

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

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

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

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

[[Файл:Lesson8_1.jpg|right]]

4. В экране Lesson_08.2 создать новую сцену 08, в которую (через ResourcesEditor) добавить графические ресурсы (bg_game, panel_down, btb_replay_normal) из папки Sources\Lesson_08 (см. подготовка к работе «Создание проекта»). В редактор ресурсов добавить графику нашего будущего Patchwork: level_17, level_17_mask.

=== Настройка объектов ===

1. Создадим на сцене 08 еще два объекта. Для этого нажмем правой кнопкой мыши по сцене и выберем "Создать объект в текущем элементе".

[[Файл:Lesson8_2.jpg]]

2. Переименуем один из созданных объектов в Patchwork, а другой в table.

[[Файл:Lesson8_3.jpg]]

[[Файл:Lesson8_4.jpg|right]]

3. Теперь будем изменять тип объектов на сцене, чтобы получить нужные нам элементы. Графические ресурсы bg_game и panel_down оставляем без изменений. Ресурсу btb_replay_normal изменяем тип на button. Объекту Patchwork меняем тип на patchwork, table изменяем на тип table.
4. Теперь объекты нужно разместить на сцене. Обратим внимание на то, что два последних объекта которые мы добавили без графического ресурса. По умолчанию, создаваемые на сцене объекты имеют размер 100х100 пикселей. Увеличим размер таблицы по высоте до 450 пикселей и перетащим ее влево, поместив над объектом panel_down.

[[Файл:Lesson8_5.jpg]]

Кнопку поместим в левый нижний угол. Добиваемся такого расположения объектов, как показанно на рисунке.

[[Файл:Lesson8_6.jpg]]

5. Настроим наши объекты. Для кнопки btb_replay_normal в поле "перейти на" укажите текущий экран Lesson_8.2.

[[Файл:правка_намба_1.png|200px]]

Для таблицы измените следующие параметры

[[Файл:правка_намба_2.png|200px]]

Для Patchwork устанавливаем следующие настройки. Обратите внимание, что поля "карт.спереди" и "шаблон" заполняются перетаскиванием графического ресурса из редактора ресурсов.

[[Файл:Lesson8_9.jpg]]

6. Для корректной работы вашего Patchwork необходимо, чтобы таблица находилась выше Patchwork по дереву объектов.

[[Файл:Lesson8_10.jpg]]

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

=== Упражнения ===

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

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

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

4. Вставить скопированые объекты в новую сцену game (экрана Lesson_08.3).

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

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

b) изменить настройки кнопки рестарта таким образом, чтобы не переходить на экран Lesson_08.3, а сразу передавать пэчворку состояние mix.
----
{| width="100%"
| width="40%"|[[Создание игры «Hidden Object Game»|Урок 7]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Работа с эффектами|Урок 9]]
|}

[[Category:Learning]]

Файл:Hint counter na max.png

2017-11-15T08:56:53Z

Dkamkov:

Файл:Счетчик.PNG

2017-11-15T08:56:01Z

Dkamkov: Dkamkov загрузил новую версию Файл:Счетчик.PNG

Настройка миниигр

2017-11-15T08:52:54Z

Dkamkov:

{| width="100%"
| width="40%"|[[Создание игры «Hidden Object Game»|Урок 7]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Работа с эффектами|Урок 9]]
|}
----
{{TOC right}}

'''Цель:''' изучить настройки объектов, реализующих различные минигры.

'''Задачи:'''
* создать уровень игры с объектом, содержащим тип механики Puzzle
* создать уровень игры с объектом, содержащим тип механики Patchwork

== Puzzle ==

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

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

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

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

[[Файл:08 1.png]]

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

[[Файл:08 2.png]] [[Файл:08 3.png]]

=== Настройка объектов, создание машин состояний ===

1. В сцене 08 изменить название графического ресурса hint_normal на applause и в общих настройках элемента удалить саму графику через модификаторы → res.

[[Файл:08 4.png]]

2. Графическое изображение level_01 перевести в тип [[Puzzle|puzzle]] и установить такие настройки:

[[Файл:08 5.png]]

3. Объект applause перевести в тип машина и прописать ему состояния on и off.

4. В состоянии on добавить команду play (проиграть звук) и в списке команды выбрать snd (короткий звук), подгружаемый с помощью ResourcesEditor из папки ресурсов Level_08;

[[Файл:08 6.png]]

5. Создать новое состояние с именем off. В общих настройка свойства элемента изначально установить состояние off.

[[Файл:08 7.png]] [[Файл:08 8.png]]

6. Далее перейти к сцене Buttons, перевести графические объекты hint_normal, ico_R_normal2 в тип button, в свойстве элемента установить такие настройки:

[[Файл:08 9.png]] [[Файл:08 10.png]]

''Кнопка R (переиграть)'' — кнопка, запускающая игру Puzzle сначала. В общих настройках свойства элемента устанавливаем, в какое начало должна возвращать кнопка (в нашем случае перейти на экран Lesson_08).Для данной игры, мы сделали переход на экран <tt>Lesson_08</tt>, который запускает игру сначала. Но в дальнейшем, чтобы не переводить все объекты в начальное состояние правильнее будет, в графе '''«изменить состояние»''' выбрать объект <tt>Level_01</tt> и указать ему состояние <tt>mix</tt>, которое означает, что игра возвращается в состояние перемешивания картинок, а не запускает всю игру заново.

7. В объекте (кнопке) hint_normal нажать правой кнопкой и выбрать изменить состояние объекта → потом выбрать объект level_01 и вписать состояние hint, которое означает, что при нажатии кнопки, в качестве подсказки, игра покажет картинку в собранном виде.

[[Файл:08 11.png]] [[Файл:08 12.png]]

''hint'' – кнопка, реализующая подсказку на экране поиска.

8. Вернуться на сцену 08 к объекту level_01 и в общих настройках свойства элемента изменить состояние объекта → выбрать объект applause и вписать состояние on.

[[Файл:08 13.png]]

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

=== Упражнения ===

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

2. Создать новые сцены (с названием 08.1 и Buttons).

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

4. Вставить скопированые объекты в новую сцену 08.1 и Buttons (экрана Lesson_08.1).

[[Файл:08 15.png]]

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

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

b) в пазле изменить количество разбиваемых частей на шесть (3х2), добавить сетку, изменить перестановку ячеек на смешивание по alpha, изменить время смешивания на 500 миллисекунд;

c) при нажатии hint (подсказки) изменить время показа подсказки на 2 секунды, изменить время финального показа пазла на 3 секунды, установить время закрытия пазла 500 миллисекунд.

6. Сделать счетчик подсказок, используя объект '''[[Store|Store]]''' создать возможность совершать покупки подсказок за реальные деньги.

Щелкнув правой кнопкой мыши по экрану Lesson_08.1 создадим новый экран '''lessons_8_1_1'''. Добавим в него сцены str_8_1 и Button_8_1. В сцену str_8_1 поместим объекты из экрана Lesson_08.1: level_01, applause; оставим их без изменения. В сцену Button_8_1 скопируем из Lesson_08.1 кнопки hint_normal и ico_R_normal2 и создадим новый объект, поменяв ему тип на '''counter''' (счетчик) и названия на '''hint'''. Добавим ресурс из базы ресурсов — анимацию brown_big. Счетчик hint будет считывать купленные подсказки.

[[Файл:Счетчик.PNG]]

В hint_normal добавим подобъект, сделаем его машиной и назовем '''hint_m'''.

Щелкнув правой кнопкой мыши на сцену Button_8_1 создадим новые сцены store и error, которые, соответственно, будут предназначены для совершения покупок — начисления подсказок и окна с ошибкой при невозможности купить подсказку.

В сцену store добавим две машины: '''buy''' и '''store'''; в error - машину '''error'''.

[[Файл:8 1 1 .PNG]]

Для машины buy зададим состояния, при котором значении параметра hint=1, то есть она начисляет подсказку:

[[Файл:Buy na max.png]]

Соответственно в машине store зададим считывания со счетчика и прозрачность экрана:

[[Файл:Store.PNG]]

Машина error будет отвечать за вывод ошибки при неудачной покупке, то есть задает прозрачность экрана с ошибкой

[[Файл:Error.PNG]]

Вернемся к машине hint_m сцены Button_8_1 и пропишем для нее состояния. Машина отвечает за начисление подсказки при удачной покупке

[[Файл:Hint m.PNG|800px]]

'''Совершение покупки'''

Для того что бы покупку можно было совершить необходимо задать в глобальных свойствах возможность совершения покупки. Для этого на сцене в глобальном экране opt добавим новый элемент, которому изменим тип на store. В свойствах объекта store кликнем правой кнопкой мыши на свойстве wallet, вставляем новое свойство — '''in-app покупка'''. Добавляем поля для покупки: внутренний id, и выбираем расходуемая.

[[Файл:Store2.PNG]]

'''Описание объекта Store'''

Объект '''Store''' необходим для описания InApp покупок (позволяют продавать отдельные бонусы, паки и т.п.) в игре.

Основные параметры объекта Store

''id покупки'' – внутренний id покупки.

''Расходуемая'' – 1 – покупка расходуемая, 0 – покупка раз и навсегда, если параметр не указан, по-умолчанию покупка – одноразовая.

''объект (restore)'' – объект - Слушатель восстановления покупки. Этому объекту будет сообщено об успехе восстановления этой покупки покупки.
состояние (restore) – это состояние будет установлено объекту при успешном восстановлении этой покупки.

'''Для того, чтобы объект Store работал во Вьювере, нужно подкорректировать файл app.icf'''

1. Найти файл app.icf в папке с вашим проектом.

2. Открыть его и найти тег [Game].

3. В теге Game добавить строку purchaseEverything=1.

4. Сохранить файл

<pre>

[Game]
purchaseEverything=1
DispFixRot="Landscape"
# comments and whitespace stripped by deployment tool
debug="Absolutist-2253"
show_build_date=1
AppTitle="Viewer"
DebuggerIP="127.0.0.1"
DebuggerPort=5322

</pre>

'''Оформление'''

Теперь перейдем к оформлению. Для того что бы на экране появлялось окно с предложением о покупке подсказке необходимо его создать. В начальный момент оно должно быть невидимым и прокликиваем, это состояние задано в машине store. Создадим в ней 5 подобъектов.

1.1. Первые два переименуем в '''black''' и '''rec''', изменим им тип на '''[[Rectangle|Rectangle]]'''.

Откроем объект black, пропишем ему свойствах, оставив его пустым рамку, и цвет фона

[[Файл:Black.PNG]]

Для объекта rec зададим рамку и текстуру заливки. Для этого из базы ресурсов мышкой перетащим соответствующие элементы. Ресурсы для графики находятся в предыдущем уроке. Чтобы прямоугольник отображался правильно, задайте ему ненулевые размеры.

[[Файл:Rec.PNG]]

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

1.2. Третьему элементу поменяем тип на text с текстом

[[Файл:Text.PNG]]

1.3. Четвертый и пятый объекты сделаем кнопками, и назовем их '''ok''' – купить подсказку, '''no''' – отказаться от покупки.

Для кнопки ok из базы ресурсов выберем внешний вид

[[Файл:Ok1.PNG]]

и зададим переход на совершение или провал покупки. Для этого кликнем правой кнопкой мыши на свойстве позиционирование и добавим свойство совершить in-app покупку, заполним для нее поля как указано на картинки

[[Файл:Ok2.PNG]]

Аналогично поступим с кнопкой no. Добавим графический ресурс и свойство «изменить состояние объекта», которое будет закрывать окно с предложением о покупке

[[Файл:No1.PNG]] [[Файл:No2.PNG]]

2. Таким же само сделаем со сценой error. В ней создадим четыре объекта: два rectangle: '''rec_error''' – пустой, '''black_error''' — оформленный в такую же рамку; кнопку '''buy''', которая будет делать активным состояние error; текстовый объект '''text_error''' с текстом «error!»

[[Файл:Buy1.PNG]]

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

[[Файл:Снимок1.PNG]]

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

== Patchwork ==

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

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

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

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

[[Файл:Lesson8_1.jpg|right]]

4. В экране Lesson_08.2 создать новую сцену 08, в которую (через ResourcesEditor) добавить графические ресурсы (bg_game, panel_down, btb_replay_normal) из папки Sources\Lesson_08 (см. подготовка к работе «Создание проекта»). В редактор ресурсов добавить графику нашего будущего Patchwork: level_17, level_17_mask.

=== Настройка объектов ===

1. Создадим на сцене 08 еще два объекта. Для этого нажмем правой кнопкой мыши по сцене и выберем "Создать объект в текущем элементе".

[[Файл:Lesson8_2.jpg]]

2. Переименуем один из созданных объектов в Patchwork, а другой в table.

[[Файл:Lesson8_3.jpg]]

[[Файл:Lesson8_4.jpg|right]]

3. Теперь будем изменять тип объектов на сцене, чтобы получить нужные нам элементы. Графические ресурсы bg_game и panel_down оставляем без изменений. Ресурсу btb_replay_normal изменяем тип на button. Объекту Patchwork меняем тип на patchwork, table изменяем на тип table.
4. Теперь объекты нужно разместить на сцене. Обратим внимание на то, что два последних объекта которые мы добавили без графического ресурса. По умолчанию, создаваемые на сцене объекты имеют размер 100х100 пикселей. Увеличим размер таблицы по высоте до 450 пикселей и перетащим ее влево, поместив над объектом panel_down.

[[Файл:Lesson8_5.jpg]]

Кнопку поместим в левый нижний угол. Добиваемся такого расположения объектов, как показанно на рисунке.

[[Файл:Lesson8_6.jpg]]

5. Настроим наши объекты. Для кнопки btb_replay_normal в поле "перейти на" укажите текущий экран Lesson_8.2.

[[Файл:правка_намба_1.png|200px]]

Для таблицы измените следующие параметры

[[Файл:правка_намба_2.png|200px]]

Для Patchwork устанавливаем следующие настройки. Обратите внимание, что поля "карт.спереди" и "шаблон" заполняются перетаскиванием графического ресурса из редактора ресурсов.

[[Файл:Lesson8_9.jpg]]

6. Для корректной работы вашего Patchwork необходимо, чтобы таблица находилась выше Patchwork по дереву объектов.

[[Файл:Lesson8_10.jpg]]

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

=== Упражнения ===

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

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

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

4. Вставить скопированые объекты в новую сцену game (экрана Lesson_08.3).

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

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

b) изменить настройки кнопки рестарта таким образом, чтобы не переходить на экран Lesson_08.3, а сразу передавать пэчворку состояние mix.
----
{| width="100%"
| width="40%"|[[Создание игры «Hidden Object Game»|Урок 7]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Работа с эффектами|Урок 9]]
|}

[[Category:Learning]]

Настройка миниигр

2017-11-15T08:52:10Z

Dkamkov:

{| width="100%"
| width="40%"|[[Создание игры «Hidden Object Game»|Урок 7]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Работа с эффектами|Урок 9]]
|}
----
{{TOC right}}

'''Цель:''' изучить настройки объектов, реализующих различные минигры.

'''Задачи:'''
* создать уровень игры с объектом, содержащим тип механики Puzzle
* создать уровень игры с объектом, содержащим тип механики Patchwork

== Puzzle ==

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

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

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

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

[[Файл:08 1.png]]

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

[[Файл:08 2.png]] [[Файл:08 3.png]]

=== Настройка объектов, создание машин состояний ===

1. В сцене 08 изменить название графического ресурса hint_normal на applause и в общих настройках элемента удалить саму графику через модификаторы → res.

[[Файл:08 4.png]]

2. Графическое изображение level_01 перевести в тип [[Puzzle|puzzle]] и установить такие настройки:

[[Файл:08 5.png]]

3. Объект applause перевести в тип машина и прописать ему состояния on и off.

4. В состоянии on добавить команду play (проиграть звук) и в списке команды выбрать snd (короткий звук), подгружаемый с помощью ResourcesEditor из папки ресурсов Level_08;

[[Файл:08 6.png]]

5. Создать новое состояние с именем off. В общих настройка свойства элемента изначально установить состояние off.

[[Файл:08 7.png]] [[Файл:08 8.png]]

6. Далее перейти к сцене Buttons, перевести графические объекты hint_normal, ico_R_normal2 в тип button, в свойстве элемента установить такие настройки:

[[Файл:08 9.png]] [[Файл:08 10.png]]

''Кнопка R (переиграть)'' — кнопка, запускающая игру Puzzle сначала. В общих настройках свойства элемента устанавливаем, в какое начало должна возвращать кнопка (в нашем случае перейти на экран Lesson_08).Для данной игры, мы сделали переход на экран <tt>Lesson_08</tt>, который запускает игру сначала. Но в дальнейшем, чтобы не переводить все объекты в начальное состояние правильнее будет, в графе '''«изменить состояние»''' выбрать объект <tt>Level_01</tt> и указать ему состояние <tt>mix</tt>, которое означает, что игра возвращается в состояние перемешивания картинок, а не запускает всю игру заново.

7. В объекте (кнопке) hint_normal нажать правой кнопкой и выбрать изменить состояние объекта → потом выбрать объект level_01 и вписать состояние hint, которое означает, что при нажатии кнопки, в качестве подсказки, игра покажет картинку в собранном виде.

[[Файл:08 11.png]] [[Файл:08 12.png]]

''hint'' – кнопка, реализующая подсказку на экране поиска.

8. Вернуться на сцену 08 к объекту level_01 и в общих настройках свойства элемента изменить состояние объекта → выбрать объект applause и вписать состояние on.

[[Файл:08 13.png]]

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

=== Упражнения ===

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

2. Создать новые сцены (с названием 08.1 и Buttons).

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

4. Вставить скопированые объекты в новую сцену 08.1 и Buttons (экрана Lesson_08.1).

[[Файл:08 15.png]]

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

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

b) в пазле изменить количество разбиваемых частей на шесть (3х2), добавить сетку, изменить перестановку ячеек на смешивание по alpha, изменить время смешивания на 500 миллисекунд;

c) при нажатии hint (подсказки) изменить время показа подсказки на 2 секунды, изменить время финального показа пазла на 3 секунды, установить время закрытия пазла 500 миллисекунд.

6. Сделать счетчик подсказок, используя объект '''[[Store|Store]]''' создать возможность совершать покупки подсказок за реальные деньги.

Щелкнув правой кнопкой мыши по экрану Lesson_08.1 создадим новый экран '''lessons_8_1_1'''. Добавим в него сцены str_8_1 и Button_8_1. В сцену str_8_1 поместим объекты из экрана Lesson_08.1: level_01, applause; оставим их без изменения. В сцену Button_8_1 скопируем из Lesson_08.1 кнопки hint_normal и ico_R_normal2 и создадим новый объект, поменяв ему тип на '''counter''' (счетчик) и названия на '''hint'''. Добавим ресурс из базы ресурсов — анимацию brown_big. Счетчик hint будет считывать купленные подсказки.

[[Файл:Счетчик.PNG]]

В hint_normal добавим подобъект, сделаем его машиной и назовем '''hint_m'''.

Щелкнув правой кнопкой мыши на сцену Button_8_1 создадим новые сцены store и error, которые, соответственно, будут предназначены для совершения покупок — начисления подсказок и окна с ошибкой при невозможности купить подсказку.

В сцену store добавим две машины: '''buy''' и '''store'''; в error - машину '''error'''.

[[Файл:8 1 1 .PNG]]

Для машины buy зададим состояния, при котором значении параметра hint=1, то есть она начисляет подсказку:

[[Файл:Buy na max.png]]

Соответственно в машине store зададим считывания со счетчика и прозрачность экрана:

[[Файл:Store.PNG]]

Машина error будет отвечать за вывод ошибки при неудачной покупке, то есть задает прозрачность экрана с ошибкой

[[Файл:Error.PNG]]

Вернемся к машине hint_m сцены Button_8_1 и пропишем для нее состояния. Машина отвечает за начисление подсказки при удачной покупке

[[Файл:Hint m.PNG|800px|thumb|left]]

'''Совершение покупки'''

Для того что бы покупку можно было совершить необходимо задать в глобальных свойствах возможность совершения покупки. Для этого на сцене в глобальном экране opt добавим новый элемент, которому изменим тип на store. В свойствах объекта store кликнем правой кнопкой мыши на свойстве wallet, вставляем новое свойство — '''in-app покупка'''. Добавляем поля для покупки: внутренний id, и выбираем расходуемая.

[[Файл:Store2.PNG]]

'''Описание объекта Store'''

Объект '''Store''' необходим для описания InApp покупок (позволяют продавать отдельные бонусы, паки и т.п.) в игре.

Основные параметры объекта Store

''id покупки'' – внутренний id покупки.

''Расходуемая'' – 1 – покупка расходуемая, 0 – покупка раз и навсегда, если параметр не указан, по-умолчанию покупка – одноразовая.

''объект (restore)'' – объект - Слушатель восстановления покупки. Этому объекту будет сообщено об успехе восстановления этой покупки покупки.
состояние (restore) – это состояние будет установлено объекту при успешном восстановлении этой покупки.

'''Для того, чтобы объект Store работал во Вьювере, нужно подкорректировать файл app.icf'''

1. Найти файл app.icf в папке с вашим проектом.

2. Открыть его и найти тег [Game].

3. В теге Game добавить строку purchaseEverything=1.

4. Сохранить файл

<pre>

[Game]
purchaseEverything=1
DispFixRot="Landscape"
# comments and whitespace stripped by deployment tool
debug="Absolutist-2253"
show_build_date=1
AppTitle="Viewer"
DebuggerIP="127.0.0.1"
DebuggerPort=5322

</pre>

'''Оформление'''

Теперь перейдем к оформлению. Для того что бы на экране появлялось окно с предложением о покупке подсказке необходимо его создать. В начальный момент оно должно быть невидимым и прокликиваем, это состояние задано в машине store. Создадим в ней 5 подобъектов.

1.1. Первые два переименуем в '''black''' и '''rec''', изменим им тип на '''[[Rectangle|Rectangle]]'''.

Откроем объект black, пропишем ему свойствах, оставив его пустым рамку, и цвет фона

[[Файл:Black.PNG]]

Для объекта rec зададим рамку и текстуру заливки. Для этого из базы ресурсов мышкой перетащим соответствующие элементы. Ресурсы для графики находятся в предыдущем уроке. Чтобы прямоугольник отображался правильно, задайте ему ненулевые размеры.

[[Файл:Rec.PNG]]

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

1.2. Третьему элементу поменяем тип на text с текстом

[[Файл:Text.PNG]]

1.3. Четвертый и пятый объекты сделаем кнопками, и назовем их '''ok''' – купить подсказку, '''no''' – отказаться от покупки.

Для кнопки ok из базы ресурсов выберем внешний вид

[[Файл:Ok1.PNG]]

и зададим переход на совершение или провал покупки. Для этого кликнем правой кнопкой мыши на свойстве позиционирование и добавим свойство совершить in-app покупку, заполним для нее поля как указано на картинки

[[Файл:Ok2.PNG]]

Аналогично поступим с кнопкой no. Добавим графический ресурс и свойство «изменить состояние объекта», которое будет закрывать окно с предложением о покупке

[[Файл:No1.PNG]] [[Файл:No2.PNG]]

2. Таким же само сделаем со сценой error. В ней создадим четыре объекта: два rectangle: '''rec_error''' – пустой, '''black_error''' — оформленный в такую же рамку; кнопку '''buy''', которая будет делать активным состояние error; текстовый объект '''text_error''' с текстом «error!»

[[Файл:Buy1.PNG]]

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

[[Файл:Снимок1.PNG]]

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

== Patchwork ==

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

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

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

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

[[Файл:Lesson8_1.jpg|right]]

4. В экране Lesson_08.2 создать новую сцену 08, в которую (через ResourcesEditor) добавить графические ресурсы (bg_game, panel_down, btb_replay_normal) из папки Sources\Lesson_08 (см. подготовка к работе «Создание проекта»). В редактор ресурсов добавить графику нашего будущего Patchwork: level_17, level_17_mask.

=== Настройка объектов ===

1. Создадим на сцене 08 еще два объекта. Для этого нажмем правой кнопкой мыши по сцене и выберем "Создать объект в текущем элементе".

[[Файл:Lesson8_2.jpg]]

2. Переименуем один из созданных объектов в Patchwork, а другой в table.

[[Файл:Lesson8_3.jpg]]

[[Файл:Lesson8_4.jpg|right]]

3. Теперь будем изменять тип объектов на сцене, чтобы получить нужные нам элементы. Графические ресурсы bg_game и panel_down оставляем без изменений. Ресурсу btb_replay_normal изменяем тип на button. Объекту Patchwork меняем тип на patchwork, table изменяем на тип table.
4. Теперь объекты нужно разместить на сцене. Обратим внимание на то, что два последних объекта которые мы добавили без графического ресурса. По умолчанию, создаваемые на сцене объекты имеют размер 100х100 пикселей. Увеличим размер таблицы по высоте до 450 пикселей и перетащим ее влево, поместив над объектом panel_down.

[[Файл:Lesson8_5.jpg]]

Кнопку поместим в левый нижний угол. Добиваемся такого расположения объектов, как показанно на рисунке.

[[Файл:Lesson8_6.jpg]]

5. Настроим наши объекты. Для кнопки btb_replay_normal в поле "перейти на" укажите текущий экран Lesson_8.2.

[[Файл:правка_намба_1.png|200px]]

Для таблицы измените следующие параметры

[[Файл:правка_намба_2.png|200px]]

Для Patchwork устанавливаем следующие настройки. Обратите внимание, что поля "карт.спереди" и "шаблон" заполняются перетаскиванием графического ресурса из редактора ресурсов.

[[Файл:Lesson8_9.jpg]]

6. Для корректной работы вашего Patchwork необходимо, чтобы таблица находилась выше Patchwork по дереву объектов.

[[Файл:Lesson8_10.jpg]]

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

=== Упражнения ===

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

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

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

4. Вставить скопированые объекты в новую сцену game (экрана Lesson_08.3).

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

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

b) изменить настройки кнопки рестарта таким образом, чтобы не переходить на экран Lesson_08.3, а сразу передавать пэчворку состояние mix.
----
{| width="100%"
| width="40%"|[[Создание игры «Hidden Object Game»|Урок 7]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Работа с эффектами|Урок 9]]
|}

[[Category:Learning]]

Настройка миниигр

2017-11-15T08:51:19Z

Dkamkov:

{| width="100%"
| width="40%"|[[Создание игры «Hidden Object Game»|Урок 7]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Работа с эффектами|Урок 9]]
|}
----
{{TOC right}}

'''Цель:''' изучить настройки объектов, реализующих различные минигры.

'''Задачи:'''
* создать уровень игры с объектом, содержащим тип механики Puzzle
* создать уровень игры с объектом, содержащим тип механики Patchwork

== Puzzle ==

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

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

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

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

[[Файл:08 1.png]]

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

[[Файл:08 2.png]] [[Файл:08 3.png]]

=== Настройка объектов, создание машин состояний ===

1. В сцене 08 изменить название графического ресурса hint_normal на applause и в общих настройках элемента удалить саму графику через модификаторы → res.

[[Файл:08 4.png]]

2. Графическое изображение level_01 перевести в тип [[Puzzle|puzzle]] и установить такие настройки:

[[Файл:08 5.png]]

3. Объект applause перевести в тип машина и прописать ему состояния on и off.

4. В состоянии on добавить команду play (проиграть звук) и в списке команды выбрать snd (короткий звук), подгружаемый с помощью ResourcesEditor из папки ресурсов Level_08;

[[Файл:08 6.png]]

5. Создать новое состояние с именем off. В общих настройка свойства элемента изначально установить состояние off.

[[Файл:08 7.png]] [[Файл:08 8.png]]

6. Далее перейти к сцене Buttons, перевести графические объекты hint_normal, ico_R_normal2 в тип button, в свойстве элемента установить такие настройки:

[[Файл:08 9.png]] [[Файл:08 10.png]]

''Кнопка R (переиграть)'' — кнопка, запускающая игру Puzzle сначала. В общих настройках свойства элемента устанавливаем, в какое начало должна возвращать кнопка (в нашем случае перейти на экран Lesson_08).Для данной игры, мы сделали переход на экран <tt>Lesson_08</tt>, который запускает игру сначала. Но в дальнейшем, чтобы не переводить все объекты в начальное состояние правильнее будет, в графе '''«изменить состояние»''' выбрать объект <tt>Level_01</tt> и указать ему состояние <tt>mix</tt>, которое означает, что игра возвращается в состояние перемешивания картинок, а не запускает всю игру заново.

7. В объекте (кнопке) hint_normal нажать правой кнопкой и выбрать изменить состояние объекта → потом выбрать объект level_01 и вписать состояние hint, которое означает, что при нажатии кнопки, в качестве подсказки, игра покажет картинку в собранном виде.

[[Файл:08 11.png]] [[Файл:08 12.png]]

''hint'' – кнопка, реализующая подсказку на экране поиска.

8. Вернуться на сцену 08 к объекту level_01 и в общих настройках свойства элемента изменить состояние объекта → выбрать объект applause и вписать состояние on.

[[Файл:08 13.png]]

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

=== Упражнения ===

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

2. Создать новые сцены (с названием 08.1 и Buttons).

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

4. Вставить скопированые объекты в новую сцену 08.1 и Buttons (экрана Lesson_08.1).

[[Файл:08 15.png]]

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

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

b) в пазле изменить количество разбиваемых частей на шесть (3х2), добавить сетку, изменить перестановку ячеек на смешивание по alpha, изменить время смешивания на 500 миллисекунд;

c) при нажатии hint (подсказки) изменить время показа подсказки на 2 секунды, изменить время финального показа пазла на 3 секунды, установить время закрытия пазла 500 миллисекунд.

6. Сделать счетчик подсказок, используя объект '''[[Store|Store]]''' создать возможность совершать покупки подсказок за реальные деньги.

Щелкнув правой кнопкой мыши по экрану Lesson_08.1 создадим новый экран '''lessons_8_1_1'''. Добавим в него сцены str_8_1 и Button_8_1. В сцену str_8_1 поместим объекты из экрана Lesson_08.1: level_01, applause; оставим их без изменения. В сцену Button_8_1 скопируем из Lesson_08.1 кнопки hint_normal и ico_R_normal2 и создадим новый объект, поменяв ему тип на '''counter''' (счетчик) и названия на '''hint'''. Добавим ресурс из базы ресурсов — анимацию brown_big. Счетчик hint будет считывать купленные подсказки.

[[Файл:Счетчик.PNG]]

В hint_normal добавим подобъект, сделаем его машиной и назовем '''hint_m'''.

Щелкнув правой кнопкой мыши на сцену Button_8_1 создадим новые сцены store и error, которые, соответственно, будут предназначены для совершения покупок — начисления подсказок и окна с ошибкой при невозможности купить подсказку.

В сцену store добавим две машины: '''buy''' и '''store'''; в error - машину '''error'''.

[[Файл:8 1 1 .PNG]]

Для машины buy зададим состояния, при котором значении параметра hint=1, то есть она начисляет подсказку:

[[Файл:Buy na max.png]]

Соответственно в машине store зададим считывания со счетчика и прозрачность экрана:

[[Файл:Store.PNG]]

Машина error будет отвечать за вывод ошибки при неудачной покупке, то есть задает прозрачность экрана с ошибкой

[[Файл:Error.PNG]]

Вернемся к машине hint_m сцены Button_8_1 и пропишем для нее состояния. Машина отвечает за начисление подсказки при удачной покупке

[[Файл:Hint m.PNG|500px|thumb|left]]

'''Совершение покупки'''

Для того что бы покупку можно было совершить необходимо задать в глобальных свойствах возможность совершения покупки. Для этого на сцене в глобальном экране opt добавим новый элемент, которому изменим тип на store. В свойствах объекта store кликнем правой кнопкой мыши на свойстве wallet, вставляем новое свойство — '''in-app покупка'''. Добавляем поля для покупки: внутренний id, и выбираем расходуемая.

[[Файл:Store2.PNG]]

'''Описание объекта Store'''

Объект '''Store''' необходим для описания InApp покупок (позволяют продавать отдельные бонусы, паки и т.п.) в игре.

Основные параметры объекта Store

''id покупки'' – внутренний id покупки.

''Расходуемая'' – 1 – покупка расходуемая, 0 – покупка раз и навсегда, если параметр не указан, по-умолчанию покупка – одноразовая.

''объект (restore)'' – объект - Слушатель восстановления покупки. Этому объекту будет сообщено об успехе восстановления этой покупки покупки.
состояние (restore) – это состояние будет установлено объекту при успешном восстановлении этой покупки.

'''Для того, чтобы объект Store работал во Вьювере, нужно подкорректировать файл app.icf'''

1. Найти файл app.icf в папке с вашим проектом.

2. Открыть его и найти тег [Game].

3. В теге Game добавить строку purchaseEverything=1.

4. Сохранить файл

<pre>

[Game]
purchaseEverything=1
DispFixRot="Landscape"
# comments and whitespace stripped by deployment tool
debug="Absolutist-2253"
show_build_date=1
AppTitle="Viewer"
DebuggerIP="127.0.0.1"
DebuggerPort=5322

</pre>

'''Оформление'''

Теперь перейдем к оформлению. Для того что бы на экране появлялось окно с предложением о покупке подсказке необходимо его создать. В начальный момент оно должно быть невидимым и прокликиваем, это состояние задано в машине store. Создадим в ней 5 подобъектов.

1.1. Первые два переименуем в '''black''' и '''rec''', изменим им тип на '''[[Rectangle|Rectangle]]'''.

Откроем объект black, пропишем ему свойствах, оставив его пустым рамку, и цвет фона

[[Файл:Black.PNG]]

Для объекта rec зададим рамку и текстуру заливки. Для этого из базы ресурсов мышкой перетащим соответствующие элементы. Ресурсы для графики находятся в предыдущем уроке. Чтобы прямоугольник отображался правильно, задайте ему ненулевые размеры.

[[Файл:Rec.PNG]]

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

1.2. Третьему элементу поменяем тип на text с текстом

[[Файл:Text.PNG]]

1.3. Четвертый и пятый объекты сделаем кнопками, и назовем их '''ok''' – купить подсказку, '''no''' – отказаться от покупки.

Для кнопки ok из базы ресурсов выберем внешний вид

[[Файл:Ok1.PNG]]

и зададим переход на совершение или провал покупки. Для этого кликнем правой кнопкой мыши на свойстве позиционирование и добавим свойство совершить in-app покупку, заполним для нее поля как указано на картинки

[[Файл:Ok2.PNG]]

Аналогично поступим с кнопкой no. Добавим графический ресурс и свойство «изменить состояние объекта», которое будет закрывать окно с предложением о покупке

[[Файл:No1.PNG]] [[Файл:No2.PNG]]

2. Таким же само сделаем со сценой error. В ней создадим четыре объекта: два rectangle: '''rec_error''' – пустой, '''black_error''' — оформленный в такую же рамку; кнопку '''buy''', которая будет делать активным состояние error; текстовый объект '''text_error''' с текстом «error!»

[[Файл:Buy1.PNG]]

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

[[Файл:Снимок1.PNG]]

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

== Patchwork ==

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

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

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

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

[[Файл:Lesson8_1.jpg|right]]

4. В экране Lesson_08.2 создать новую сцену 08, в которую (через ResourcesEditor) добавить графические ресурсы (bg_game, panel_down, btb_replay_normal) из папки Sources\Lesson_08 (см. подготовка к работе «Создание проекта»). В редактор ресурсов добавить графику нашего будущего Patchwork: level_17, level_17_mask.

=== Настройка объектов ===

1. Создадим на сцене 08 еще два объекта. Для этого нажмем правой кнопкой мыши по сцене и выберем "Создать объект в текущем элементе".

[[Файл:Lesson8_2.jpg]]

2. Переименуем один из созданных объектов в Patchwork, а другой в table.

[[Файл:Lesson8_3.jpg]]

[[Файл:Lesson8_4.jpg|right]]

3. Теперь будем изменять тип объектов на сцене, чтобы получить нужные нам элементы. Графические ресурсы bg_game и panel_down оставляем без изменений. Ресурсу btb_replay_normal изменяем тип на button. Объекту Patchwork меняем тип на patchwork, table изменяем на тип table.
4. Теперь объекты нужно разместить на сцене. Обратим внимание на то, что два последних объекта которые мы добавили без графического ресурса. По умолчанию, создаваемые на сцене объекты имеют размер 100х100 пикселей. Увеличим размер таблицы по высоте до 450 пикселей и перетащим ее влево, поместив над объектом panel_down.

[[Файл:Lesson8_5.jpg]]

Кнопку поместим в левый нижний угол. Добиваемся такого расположения объектов, как показанно на рисунке.

[[Файл:Lesson8_6.jpg]]

5. Настроим наши объекты. Для кнопки btb_replay_normal в поле "перейти на" укажите текущий экран Lesson_8.2.

[[Файл:правка_намба_1.png|200px]]

Для таблицы измените следующие параметры

[[Файл:правка_намба_2.png|200px]]

Для Patchwork устанавливаем следующие настройки. Обратите внимание, что поля "карт.спереди" и "шаблон" заполняются перетаскиванием графического ресурса из редактора ресурсов.

[[Файл:Lesson8_9.jpg]]

6. Для корректной работы вашего Patchwork необходимо, чтобы таблица находилась выше Patchwork по дереву объектов.

[[Файл:Lesson8_10.jpg]]

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

=== Упражнения ===

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

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

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

4. Вставить скопированые объекты в новую сцену game (экрана Lesson_08.3).

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

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

b) изменить настройки кнопки рестарта таким образом, чтобы не переходить на экран Lesson_08.3, а сразу передавать пэчворку состояние mix.
----
{| width="100%"
| width="40%"|[[Создание игры «Hidden Object Game»|Урок 7]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Работа с эффектами|Урок 9]]
|}

[[Category:Learning]]

Файл:Hint m.PNG

2017-11-15T08:48:07Z

Dkamkov: Dkamkov загрузил новую версию Файл:Hint m.PNG

Настройка миниигр

2017-11-15T08:46:25Z

Dkamkov:

{| width="100%"
| width="40%"|[[Создание игры «Hidden Object Game»|Урок 7]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Работа с эффектами|Урок 9]]
|}
----
{{TOC right}}

'''Цель:''' изучить настройки объектов, реализующих различные минигры.

'''Задачи:'''
* создать уровень игры с объектом, содержащим тип механики Puzzle
* создать уровень игры с объектом, содержащим тип механики Patchwork

== Puzzle ==

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

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

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

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

[[Файл:08 1.png]]

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

[[Файл:08 2.png]] [[Файл:08 3.png]]

=== Настройка объектов, создание машин состояний ===

1. В сцене 08 изменить название графического ресурса hint_normal на applause и в общих настройках элемента удалить саму графику через модификаторы → res.

[[Файл:08 4.png]]

2. Графическое изображение level_01 перевести в тип [[Puzzle|puzzle]] и установить такие настройки:

[[Файл:08 5.png]]

3. Объект applause перевести в тип машина и прописать ему состояния on и off.

4. В состоянии on добавить команду play (проиграть звук) и в списке команды выбрать snd (короткий звук), подгружаемый с помощью ResourcesEditor из папки ресурсов Level_08;

[[Файл:08 6.png]]

5. Создать новое состояние с именем off. В общих настройка свойства элемента изначально установить состояние off.

[[Файл:08 7.png]] [[Файл:08 8.png]]

6. Далее перейти к сцене Buttons, перевести графические объекты hint_normal, ico_R_normal2 в тип button, в свойстве элемента установить такие настройки:

[[Файл:08 9.png]] [[Файл:08 10.png]]

''Кнопка R (переиграть)'' — кнопка, запускающая игру Puzzle сначала. В общих настройках свойства элемента устанавливаем, в какое начало должна возвращать кнопка (в нашем случае перейти на экран Lesson_08).Для данной игры, мы сделали переход на экран <tt>Lesson_08</tt>, который запускает игру сначала. Но в дальнейшем, чтобы не переводить все объекты в начальное состояние правильнее будет, в графе '''«изменить состояние»''' выбрать объект <tt>Level_01</tt> и указать ему состояние <tt>mix</tt>, которое означает, что игра возвращается в состояние перемешивания картинок, а не запускает всю игру заново.

7. В объекте (кнопке) hint_normal нажать правой кнопкой и выбрать изменить состояние объекта → потом выбрать объект level_01 и вписать состояние hint, которое означает, что при нажатии кнопки, в качестве подсказки, игра покажет картинку в собранном виде.

[[Файл:08 11.png]] [[Файл:08 12.png]]

''hint'' – кнопка, реализующая подсказку на экране поиска.

8. Вернуться на сцену 08 к объекту level_01 и в общих настройках свойства элемента изменить состояние объекта → выбрать объект applause и вписать состояние on.

[[Файл:08 13.png]]

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

=== Упражнения ===

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

2. Создать новые сцены (с названием 08.1 и Buttons).

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

4. Вставить скопированые объекты в новую сцену 08.1 и Buttons (экрана Lesson_08.1).

[[Файл:08 15.png]]

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

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

b) в пазле изменить количество разбиваемых частей на шесть (3х2), добавить сетку, изменить перестановку ячеек на смешивание по alpha, изменить время смешивания на 500 миллисекунд;

c) при нажатии hint (подсказки) изменить время показа подсказки на 2 секунды, изменить время финального показа пазла на 3 секунды, установить время закрытия пазла 500 миллисекунд.

6. Сделать счетчик подсказок, используя объект '''[[Store|Store]]''' создать возможность совершать покупки подсказок за реальные деньги.

Щелкнув правой кнопкой мыши по экрану Lesson_08.1 создадим новый экран '''lessons_8_1_1'''. Добавим в него сцены str_8_1 и Button_8_1. В сцену str_8_1 поместим объекты из экрана Lesson_08.1: level_01, applause; оставим их без изменения. В сцену Button_8_1 скопируем из Lesson_08.1 кнопки hint_normal и ico_R_normal2 и создадим новый объект, поменяв ему тип на '''counter''' (счетчик) и названия на '''hint'''. Добавим ресурс из базы ресурсов — анимацию brown_big. Счетчик hint будет считывать купленные подсказки.

[[Файл:Счетчик.PNG]]

В hint_normal добавим подобъект, сделаем его машиной и назовем '''hint_m'''.

Щелкнув правой кнопкой мыши на сцену Button_8_1 создадим новые сцены store и error, которые, соответственно, будут предназначены для совершения покупок — начисления подсказок и окна с ошибкой при невозможности купить подсказку.

В сцену store добавим две машины: '''buy''' и '''store'''; в error - машину '''error'''.

[[Файл:8 1 1 .PNG]]

Для машины buy зададим состояния, при котором значении параметра hint=1, то есть она начисляет подсказку:

[[Файл:Buy na max.png]]

Соответственно в машине store зададим считывания со счетчика и прозрачность экрана:

[[Файл:Store.PNG]]

Машина error будет отвечать за вывод ошибки при неудачной покупке, то есть задает прозрачность экрана с ошибкой

[[Файл:Error.PNG]]

Вернемся к машине hint_m сцены Button_8_1 и пропишем для нее состояния. Машина отвечает за начисление подсказки при удачной покупке

[[Файл:Hint m.PNG]]

'''Совершение покупки'''

Для того что бы покупку можно было совершить необходимо задать в глобальных свойствах возможность совершения покупки. Для этого на сцене в глобальном экране opt добавим новый элемент, которому изменим тип на store. В свойствах объекта store кликнем правой кнопкой мыши на свойстве wallet, вставляем новое свойство — '''in-app покупка'''. Добавляем поля для покупки: внутренний id, и выбираем расходуемая.

[[Файл:Store2.PNG]]

'''Описание объекта Store'''

Объект '''Store''' необходим для описания InApp покупок (позволяют продавать отдельные бонусы, паки и т.п.) в игре.

Основные параметры объекта Store

''id покупки'' – внутренний id покупки.

''Расходуемая'' – 1 – покупка расходуемая, 0 – покупка раз и навсегда, если параметр не указан, по-умолчанию покупка – одноразовая.

''объект (restore)'' – объект - Слушатель восстановления покупки. Этому объекту будет сообщено об успехе восстановления этой покупки покупки.
состояние (restore) – это состояние будет установлено объекту при успешном восстановлении этой покупки.

'''Для того, чтобы объект Store работал во Вьювере, нужно подкорректировать файл app.icf'''

1. Найти файл app.icf в папке с вашим проектом.

2. Открыть его и найти тег [Game].

3. В теге Game добавить строку purchaseEverything=1.

4. Сохранить файл

<pre>

[Game]
purchaseEverything=1
DispFixRot="Landscape"
# comments and whitespace stripped by deployment tool
debug="Absolutist-2253"
show_build_date=1
AppTitle="Viewer"
DebuggerIP="127.0.0.1"
DebuggerPort=5322

</pre>

'''Оформление'''

Теперь перейдем к оформлению. Для того что бы на экране появлялось окно с предложением о покупке подсказке необходимо его создать. В начальный момент оно должно быть невидимым и прокликиваем, это состояние задано в машине store. Создадим в ней 5 подобъектов.

1.1. Первые два переименуем в '''black''' и '''rec''', изменим им тип на '''[[Rectangle|Rectangle]]'''.

Откроем объект black, пропишем ему свойствах, оставив его пустым рамку, и цвет фона

[[Файл:Black.PNG]]

Для объекта rec зададим рамку и текстуру заливки. Для этого из базы ресурсов мышкой перетащим соответствующие элементы. Ресурсы для графики находятся в предыдущем уроке. Чтобы прямоугольник отображался правильно, задайте ему ненулевые размеры.

[[Файл:Rec.PNG]]

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

1.2. Третьему элементу поменяем тип на text с текстом

[[Файл:Text.PNG]]

1.3. Четвертый и пятый объекты сделаем кнопками, и назовем их '''ok''' – купить подсказку, '''no''' – отказаться от покупки.

Для кнопки ok из базы ресурсов выберем внешний вид

[[Файл:Ok1.PNG]]

и зададим переход на совершение или провал покупки. Для этого кликнем правой кнопкой мыши на свойстве позиционирование и добавим свойство совершить in-app покупку, заполним для нее поля как указано на картинки

[[Файл:Ok2.PNG]]

Аналогично поступим с кнопкой no. Добавим графический ресурс и свойство «изменить состояние объекта», которое будет закрывать окно с предложением о покупке

[[Файл:No1.PNG]] [[Файл:No2.PNG]]

2. Таким же само сделаем со сценой error. В ней создадим четыре объекта: два rectangle: '''rec_error''' – пустой, '''black_error''' — оформленный в такую же рамку; кнопку '''buy''', которая будет делать активным состояние error; текстовый объект '''text_error''' с текстом «error!»

[[Файл:Buy1.PNG]]

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

[[Файл:Снимок1.PNG]]

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

== Patchwork ==

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

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

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

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

[[Файл:Lesson8_1.jpg|right]]

4. В экране Lesson_08.2 создать новую сцену 08, в которую (через ResourcesEditor) добавить графические ресурсы (bg_game, panel_down, btb_replay_normal) из папки Sources\Lesson_08 (см. подготовка к работе «Создание проекта»). В редактор ресурсов добавить графику нашего будущего Patchwork: level_17, level_17_mask.

=== Настройка объектов ===

1. Создадим на сцене 08 еще два объекта. Для этого нажмем правой кнопкой мыши по сцене и выберем "Создать объект в текущем элементе".

[[Файл:Lesson8_2.jpg]]

2. Переименуем один из созданных объектов в Patchwork, а другой в table.

[[Файл:Lesson8_3.jpg]]

[[Файл:Lesson8_4.jpg|right]]

3. Теперь будем изменять тип объектов на сцене, чтобы получить нужные нам элементы. Графические ресурсы bg_game и panel_down оставляем без изменений. Ресурсу btb_replay_normal изменяем тип на button. Объекту Patchwork меняем тип на patchwork, table изменяем на тип table.
4. Теперь объекты нужно разместить на сцене. Обратим внимание на то, что два последних объекта которые мы добавили без графического ресурса. По умолчанию, создаваемые на сцене объекты имеют размер 100х100 пикселей. Увеличим размер таблицы по высоте до 450 пикселей и перетащим ее влево, поместив над объектом panel_down.

[[Файл:Lesson8_5.jpg]]

Кнопку поместим в левый нижний угол. Добиваемся такого расположения объектов, как показанно на рисунке.

[[Файл:Lesson8_6.jpg]]

5. Настроим наши объекты. Для кнопки btb_replay_normal в поле "перейти на" укажите текущий экран Lesson_8.2.

[[Файл:правка_намба_1.png|200px]]

Для таблицы измените следующие параметры

[[Файл:правка_намба_2.png|200px]]

Для Patchwork устанавливаем следующие настройки. Обратите внимание, что поля "карт.спереди" и "шаблон" заполняются перетаскиванием графического ресурса из редактора ресурсов.

[[Файл:Lesson8_9.jpg]]

6. Для корректной работы вашего Patchwork необходимо, чтобы таблица находилась выше Patchwork по дереву объектов.

[[Файл:Lesson8_10.jpg]]

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

=== Упражнения ===

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

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

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

4. Вставить скопированые объекты в новую сцену game (экрана Lesson_08.3).

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

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

b) изменить настройки кнопки рестарта таким образом, чтобы не переходить на экран Lesson_08.3, а сразу передавать пэчворку состояние mix.
----
{| width="100%"
| width="40%"|[[Создание игры «Hidden Object Game»|Урок 7]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Работа с эффектами|Урок 9]]
|}

[[Category:Learning]]

Файл:Buy na max.png

2017-11-15T08:45:26Z

Dkamkov:

Файл:Buy.PNG

2017-11-15T08:41:16Z

Dkamkov: Dkamkov загрузил новую версию Файл:Buy.PNG

Файл:Buy.PNG

2017-11-15T08:39:36Z

Dkamkov: Dkamkov загрузил новую версию Файл:Buy.PNG

Файл:Buy.PNG

2017-11-15T08:36:40Z

Dkamkov: Dkamkov загрузил новую версию Файл:Buy.PNG