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

Книга жалоб и пожеланий

2013-03-02T07:39:07Z

Dorl: /* Баги */

Внимание !!
* Перед публикацией внимательно читать ВСЕ!
* Делаем при обсуждении отступы (двоеточие) и подписываемся (4 тильды).

== Улучшение интерфейса ==

* Возможность копирования состояний из машины в машину.--[[Участник:Oilich|Oilich]] 13:36, 24 января 2013 (CET)
* Поворачивать, масштабировать объекты прямо на сцене (как в любом граф.редакторе) [[Участник:Steps|Steps]] 14:11, 24 января 2013 (CET)
* Добавить горячие клавиши в состоянии машин. В выбранном состоянии машины, например если нажать "w" создается ф-я wait, "i"=if, "m" = move, "s" = set ну и так далее. --[[Участник:Igood|Igood]] 16:10, 24 января 2013 (CET)
:: С какой клавишей использовать CTRL +S сохранение + давайте уже весь список хоткеев. Проще разнести и реализовать.\

* Возможность копирования ф-й(set,wait...) из одного состояния машины в другую.--[[Участник:Igood|Igood]] 16:12, 24 января 2013 (CET)
:: В чем отличие от "Возможность копирования состояний из машины в машину.--[[Участник:Oilich|Oilich]] 13:36, 24 января 2013 (CET)"
::: В том что это не состояния а отдельные функции в состоянии.--[[Участник:Igood|Igood]] 08:53, 25 января 2013 (CET)
:::: я поддерживаю. мелочь, а приятно. [[Участник:Steps|Steps]] 12:13, 25 января 2013 (CET)

* Добавить событие кнопке, изм. состояния объекта если на нее нажали в состоянии disable.--[[Участник:Igood|Igood]] 16:18, 24 января 2013 (CET)

:: С точки зрения кнопки - Она "Кнопка" имеет два состояния, в состоянии disable кнопка не должна вообще воспринимать кликов. Но если всех это не запутает и нужно для космического корабля то ОК--[[Участник:Boyarin|Boyarin]] 21:45, 24 января 2013 (CET)
:: Стоит обсудить. Действительно, не очень логично считать дизейбл рабочим состоянием. [[Участник:Steps|Steps]] 12:16, 25 января 2013 (CET)

* Добавить возможность открывать несколько машин состояний одновременно. Сделать так, чтоб их можно было сворачивать.--[[Участник:Fhod|Fhod]] 17:00, 25 января 2013 (CET)

* По логике в списке сначала должен идти параметр, а потом его значение.--[[Участник:Avereskun|Avereskun]] 10:06, 25 января 2013 (CET)

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

* В редакторе сцен, если закрыл окно с параметрами или деревом объектов, то его можно вернуть только переоткрыв редактор. Необходимо добавить управление отображением этих окон из меню. --[[Участник:Shejko|Shejko]] 09:22, 29 января 2013 (CET)
: Ну не совсем так. Правой кнопкой на панели и галкой можно включить область с деревом и проперти - Но понятно что требует в настройки вынести --[[Участник:Boyarin|Boyarin]] 21:29, 30 января 2013 (CET)

* Добавить возможность одновременно синхронизировать и снимать синхронизацию с группы объектов.--[[Участник:Odyadina|Odyadina]] 13:54, 29 января 2013 (CET)
: Согласен + можно подумать и про др груп изменения--[[Участник:Boyarin|Boyarin]] 21:29, 30 января 2013 (CET)

* Добавить синхронизацию (да-нет) свойств сцены --[[Участник:Odyadina|Odyadina]] 10:59, 30 января 2013 (CET)
: согласен--[[Участник:Boyarin|Boyarin]] 21:29, 30 января 2013 (CET)

* Добавить возможность хранить проекты на разных дисках, не привязываясь к местонахождению редактора.
Нужно с этим что-то делать:
[[Файл:Файл_проекта.JPG‎|200px|thumb|left|описание]]
 
--[[Участник:Dorl|Dorl]] 09:02, 31 января 2013 (CET)

* Возможность добавлять графические объекты с применением к ним свойств объектов, которые уже заданы аниматором, а именно параметры кнопок, чекбоксов, НО НЕ КООРДИНАТЫ. Чтобы работало по типу пипетки--[[Участник:Lsokol|Lsokol]] 13:17, 6 февраля 2013 (CET).

Потому как часто возникает вопрос коррекции сцены с перемещением (также увеличением-уменьшением, вращением, заменой цвета и т.д.), например, тех же кнопок для улучшения общего вида сцены--[[Участник:Lsokol|Lsokol]] 13:17, 6 февраля 2013 (CET).

Во-первых - облегчит работу аниматору (не нужно будет искать новое расположение исправленного объекта), во-вторых - объект будет обладать уже заданными параметрами, в-третьих - расположение изображения будет соответствовать тому, как задумал графический дизайнер--[[Участник:Lsokol|Lsokol]] 13:17, 6 февраля 2013 (CET).

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

[[Файл:Wind preload button.jpg|150px|thumb|left|окно в которое добавить кнопки]]

 
--[[Участник:Shejko|Shejko]] 14:40, 13 февраля 2013 (CET)

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

--[[Участник:Shejko|Shejko]] 09:38, 14 февраля 2013 (CET)

* Добавить кнопку "развернуть всё" в списке параметров объектов.
--[[Участник:Shejko|Shejko]] 09:38, 14 февраля 2013 (CET)

* Также в добавляемых возможностях объекта, таких как "изменить графический id", где всего 3 параметра и в любом случае для работы этого параметра необходимо заполнить все 3 поля, при добавлении возможности лучше было бы если все 3 параметра добавляются автоматически и если один из них не задал - не убирать поле после переоткрытия проекта - его всё равно придётся добавлять.
--[[Участник:Shejko|Shejko]] 09:38, 14 февраля 2013 (CET)

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

* Добавить сплайн (кривая линия), который можно рисовать на сцене и передавать команде move [[Участник:Steps|Steps]] 14:11, 24 января 2013 (CET)
- изучение возможности
* Добавить в редактор генератор комиксов. Хорошим и простым примером является [http://1001mem.ru/create_comics генератор комиков] Это пожелания на будущее. --[[Участник:Dorl|Dorl]] 10:35, 25 января 2013 (CET)
* Машина состояний. Добавить в команду '''drag''' распознавания в какую сторону происходит движение (вправо, влево, вниз, вверх) при этом давать возможность менять графический ресурс в зависимости от направления. --[[Участник:Dorl|Dorl]] 16:48, 25 января 2013 (CET)
[[Файл:[[Файл:Drag.JPG|200px|thumb|left|]]
[[Файл:Drag_fish.JPG‎|200px|thumb|left|]]
 
* Добавить гибкость работы со шрифтами. Как минимум должна быть: ''возможность наклона'', '''возможность полужирного начертания.''' --[[Участник:Dorl|Dorl]] 09:08, 31 января 2013 (CET)
*Когда запущен редактор ресурсов и был свёрнут, то при попытке его запустить снова с панели хорошо бы разворачивать, а не ругаться что он уже запущен.--[[Участник:Amohov|Summer Cat]] 11:00, 20 февраля 2013 (CET)
*Будет очень удобно если вызывать меню методов двойным кликом по этой области, а не по кнопке. Экономит немного времени на разработку проекта.--[[Участник:Amohov|Summer Cat]] 11:11, 20 февраля 2013 (CET)
[[Файл:New addons.PNG|200px|thumb|left|]] 
*Добавить возможность вызвать редактор ресурсов, когда работаешь с свойствами машины.--[[Участник:Amohov|Summer Cat]] 11:16, 20 февраля 2013 (CET)
*Выделить несколько объектов и изменить например на машины сразу несколько одним кликом.--[[Участник:Amohov|Summer Cat]] 11:19, 20 февраля 2013 (CET)
*Когда сильно увеличен экран проекта и мы видим только часть его, хорошо бы на колесо мышки назначить руку для передвижение по экрану, а не пользоваться полосами прокрутки. Это сильно ускорит навигацию по рабочей области а вследствие и разработку.--[[Участник:Amohov|Summer Cat]] 11:24, 20 февраля 2013 (CET)
*Стрелками клавиатуры поточнее подгонять объекты на нужное место.--[[Участник:Amohov|Summer Cat]] 11:26, 20 февраля 2013 (CET)
*Хорошо бы добавить offline версию справки с возможностью обновления при наличии интернет подключения --[[Участник:Amohov|Summer Cat]] 07:34, 21 февраля 2013 (CET)

== Баги ==

* В машине, которая загружается одновременно с загрузкой экрана, если звук (snd) стоит в первом состоянии, то он либо воспроизводится до загрузки экрана (и то не до конца или не сначала) или не воспроизводится вообще. Сейчас это обходится дополнительным предварительным состоянием с вэйтом на 400ms (не меньше!).
[[Файл:Sndinit.jpg]]

 

Баг это или не баг - считать вам. Но эта проблема отняла у меня уйму времени.
Если у объекта свойство vis=0, то когда ему set-ом меняем состояние, никакие действия не выполняются и никаких предупреждений не выдаётся.

Выходов из данной ситуации вижу 2:

1. Обрабатывать переходы в новое состояние в невидимом объекте.

2. Выдавать Warning в системной строке приложения и делать соответственную запись в лог-файл.

* Добавить ползунок, для того, чтобы можно было видеть название объектов в дереве сцены.
[[Файл:Дерево.JPG]]
 

== Реализовано ==
* Редактор ресурсов. При загрузке картинок в редактор ресурсов, хотелось бы иметь возможность видеть превью картинок.
[[Файл:Редактор ресурсов.JPG|120px]]
[[Файл:Предпросмотр.JPG‎|120px|]]

* Переместив картинку из редактора ресурсов на сцену, в свойствах она имеет по умолчанию тип '''image'''. Меняя тип '''image''' на '''machine''' иконка в дереве остается по-прежнему '''image''' до первого клика. Необходимо сделать мгновенную смену иконки в дереве. 
 
[[Файл:Машина.JPG‎ ]]

* В редакторе ресурсов у левой половинки (в которой дерево папок) нет возможности регулировать ширину --[[Участник:Podkor|Podkor]] 16:53, 25 января 2013 (CET)
[[Файл:ArtSource.jpg|300px]]

* При вызове состояний в viewer нет возможности просмотреть все состояния если они не помещаются в экран. Здорово было бы иметь возможность прокручивать список
[[Файл:State.jpg‎|200px]]
--[[Участник:Podkor|Podkor]] 13:42, 19 февраля 2013 (CET)
 ''Зачем нам так много просматривать не нужных машин? Лучше сделать Debug систему где мы выберем только те машины которые хотим отследить. Желательно отслеживать состояния машин, различные параметры + было бы не плохо ставить break например когда объект перейдет в какое то состояние ставить движок на паузу!''--[[Участник:Igood|Igood]] 09:05, 20 февраля 2013 (CET)

Файл:Дерево.JPG

2013-03-02T07:30:04Z

Dorl:

Введение в AppSalute Сreator

2013-02-28T14:05:33Z

Dorl: /* Открытие проекта */

{| width="100%"
| width="40%"|[[Learning|Оглавление]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Создание экранов, сцен. Работа с кнопками|Урок 2]]
|}
----
{{TOC right}}
----
'''Цель:'''
познакомиться со средой разработки игр AppSalute Сreator.

'''Задачи:'''
* проинсталлировать AppSalute Сreator;
* открыть готовый проект в редакторе сцен;
* освоить взаимодействие редактора сцен и редактора ресурсов;
* изучить основные методы редактирования сцены.

== Введение ==

Для создания игр в AppSalute Сreator используются четыре взаимодействующих между собой приложения:
* [[Файл:Ico_main.png|40px]] '''Scene Editor''' - редактор игровых сцен, в котором происходит настройка свойств объектов и игровой логики. Это основной инструмент при разработке игры.
* [[Файл:Ico_base.png|40px]] '''Resources Editor''' - хранилище медиа-ресурсов (картинки, звуки, видео), использующихся в игре. Эти ресурсы при помощи мышки перетаскиваются на сцену в Scene Editor.
* [[Файл:Ico_text.png|40px]] '''Text Editor''' - хранилище всех текстовых ресурсов (надписей) на различных языках. Аналогично графике и звукам при помощи мышки они перетаскиваются в соответствующие свойства объектов, находящихся в Scene Editor.
* '''Viewer''' - проигрыватель созданной игры. Обычно запускается непосредственно из Scene Editor.

[[Файл:Layout.png|right]]
Игра состоит из набора '''экранов'''. На каждом экране может находиться одна '''сцена''' или несколько. Например, пусть на экране находится игровое поле и панель с интерфейсными кнопками. Эти две области можно оформить при помощи различных сцен. Сцены содержат игровые '''объекты'''. Ими могут быть картинки, базовые элементы управления (кнопки, чекбоксы), миниигры, универсальные машины состояний (программирующие логику) и т.д.

Так как игра обычно запускается на различных устройствах (телефон, планшетник, десктоп), важным понятием является '''лейаут''' (layout). Условно - это различные мониторы, имеющие то или иное разрешение в пикселях и разное соотношение высоты и ширины. Игра может проектироваться только для одного лейаута, однако чаще поддерживается сразу несколько лейаутов:

[[Файл:lesson_1_layouts.png|400px]]

В качестве примера справа на рисунке представлена структура некоторого проекта в лейауте с размерами экрана устройства 960x640 пикселей. На этом лейауте находятся экраны, из которых только один (pack1) развернут. Внутри него
находятся 2 сцены (stg_list1 и stg_main1). Одна сцена (stg_list1) раскрыта и содержит три игровых объекта. Последний из них (tbk_pack1) является сложным объектом, содержащем несколько других.
Таким образом, игровой проект можно представить как '''дерево''', на различных ветках которого находятся игровые объекты.

Для начала работы с редактором его необходимо установить, загрузив и запустив [[Downloads|инсталлятор]].
По умолчанию все необходимые программы и материалы для этих уроков находятся в папке AppSaluteСreator. При желании её можно в дальнейшем перенести в любое удобное место.
После инсталляции запускаем программу Scene Editor, найдя на рабочем столе или в списке приложений иконку:

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

== Редактор сцен ==

=== Открытие проекта ===

Вверху окна редактора расположено общее меню и кнопки быстрого запуска:

[[Файл:001.JPG]]

Если нажать пункт меню <tt>Project</tt> (Проект), то выпадет список команд, с помощью которых можно создать новый или загрузить уже созданный проект, сохранить проект с указанием места сохранения и т.д.

Откроем проект, на основании которого будут проходиться эти уроки. Для этого нажмём в меню пункты <tt>Project</tt> → <tt>Open</tt> или сразу кнопку быстрого доступа [[Файл:00 7.png]]. Заходим в папку '''Мои документы [[Файл:Открытие проекта.JPG|50px|]] / Absolutist [[Файл:Absolutist.JPG|50px|]]''' найдем папку '''Projects''' [[Файл:Projects.JPG|50px|]], а в ней папку '''Lessons''' [[Файл:Lessons.JPG|50px|]] . Внутри неё кликнем на файл '''lessons.seproj''' [[Файл:Seproj.JPG|50px|]].
В результате откроется проект, визуальная часть которого окажется в основной (центральной) части редактора. Чтобы увидеть что-то кроме белого экрана, необходимо на панели Layout, которая находится в правой верхней части экрана, кликнуть мышкой на строчку с надписью '''lesson_1''' (это первый игровой экран приложения). В результате мы должны увидеть:

[[Файл:intro_se.png|600px]]

=== Свойства проекта ===

В правой части окна редактора расположены две панели '''Layout''' (лейаут) и '''Properties''' (свойства).
На панели Layout показано иерархическое дерево проекта, который пока состоит из одного игрового экрана lesson_1. Если кликнуть на треугольничек (или плюсик, в зависимости от Вашей ОС) слева от надписи lesson_1, то экран раскроется и мы увидим сцену, которая находится на экране. Она называется lessons_1. Продолжая кликать на треугольники, раскроем всю структуру этого проекта:

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

Наиболее простым объектом, находящимся в дереве проекта, является статическая картинка фона, которая называется '''bg'''. Если на неё кликнуть, то ниже в панели Properties можно увидеть параметры настройки этого объекта (его свойства):

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

Стоит "пораскрывать" ветки настроек объекта bg, нажимая на треугольники (или плюсики) слева от имен полей. Если навести мышкой на имя поля, то появится краткая подсказка, поясняющий смысл свойства.

Панели Layout и Properties могут перетаскиваться мышкой в произвольное место редактора,
располагаться одна под другой или объединяться в одну панель с двумя закладками внизу.
Если панели находятся одна под другой, можно мышкой изменить их относительную высоту. Для этого мышь располагаем между ними, пока она не изменит своей формы со стрелочки на сплиттер (две горизонтальные полоски). Затем, нажав на мышь, таскаем вверх-вниз границу между панелями.

=== Проигрывание проекта ===

В процессе разработки игрового проекта, его в любой момент можно запустить в отдельном окне вьювера ('''Viewer''') на исполнение. Для этого в дереве проекта (панель Layout) необходимо выбрать интересующий нас экран (с которого произойдёт запуск) и нажать кнопку [[Файл:00 9.png]] (или пункт меню <tt>View</tt> → <tt>Start viewer</tt>).

[[файл:lesson_1_view.png]]

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

Стоит запомнить три важных правила при работе с вьювером:
* Если приложение редактировалось, то перед запуском вьювера проект необходимо сначала сохранить (меню: <tt>Project</tt> → <tt>Save</tt>).
* Всегда необходимо перед запуском вьювера выбирать экран, который начнёт проигрываться (сейчас такой экран пока один).
* После просмотра во вьювере игры, его необходимо закрыть, нажав (как обычно в Windows) крестик в правом верхнем углу окна.

=== Кнопки быстрого запуска ===

Приведем для справки описание кнопок быстрого доступа к некоторым командам редактора сцен (более подробная информация будет дана в последующих уроках):

[[Файл:00 6.png]] — создать новый проект; [[Файл:00 7.png]] — загрузить уже созданный проект;

[[Файл:00 8.png]] — сохранить изменения в проекте; [[Файл:00 9.png]] — запустить Viewer;

[[Файл:00 10.png]] — перемещение сцен мышью; [[Файл:009.JPG]] — нормальный вид;

[[Файл:010.JPG]] - общие свойства объекта; [[Файл:011.JPG]] - вызов текстового редактора;

[[Файл:012.JPG]] — вызов редактора ресурсов;

[[Файл:013.JPG]] — анализ проекта; [[Файл:014.JPG]] — поиск объекта по имени.

== Редактор ресурсов ==

Второе важное приложение, это редактор ресурсов.
Так как мы открыли готовый проект, то с ним уже связана база графических ресурсов.
Чтобы её увидеть, нажмите кнопку [[Файл:012.JPG]] (или меню: <tt>Tools</tt> → <tt>Resource editor</tt>).
Откроется новое окно, которое, на самом деле, является независимым приложением:

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

Как и в редакторе сцен, вверху окна редактора ресурсов расположено меню и кнопки быстрого доступа: создать базу ресурсов, открыть уже существующую, добавить картинку (png, jpeg), анимацию, мелодию (mp3, ogg), видео (mp4).
Ниже, в левой панели находятся папки, внутри которых можно найти различные графические ресурсы, которые мы будем использовать на протяжении этих уроков. Каждая папка названа по имени урока.
Кликнув на треугольничек (или плюсик) слева от папки lesson_1 мы увидим текстовый список из 8 картинок, находящихся в ранее запущенном приложении со слоненком и солнышком.

Если в дереве папок активна данная папка, то на правой панели мы видим список графических ресурсов в виде иконок. Если же в дереве кликнуть на имя конкретной картинки, то в правой панели она будет представлена в натуральную величину. Если кликнуть правой кнопкой мыши на конкретный ресурс отобразится всплывающее подменю, которое аналогично кнопкам быстрого доступа, за исключением одного пункта - <tt>Заменить изображение</tt>. Замену изображений необходимо делать через всплывающее подменю.

Текущее приложение содержит фоновую картинку (bg), три картинки частей слонёнка (elephant_body, elephant_head1, elephant_head2) и 4 картинки с различным видом солнышка.

Так как редактор ресурсов является отдельным приложением, он может оказаться под окном редактора сцен. Это не всегда удобно, поэтому зайдем в пункт меню <tt>'''View'''</tt> редактора ресурсов и поставим галочку у пункта <tt>'''Always on Top'''</tt>. Теперь редактор ресурсов окажется поверх редактора сцен (как впрочем, и поверх всех остальных окон). Естественно, галочку можно в любой момент снять или свернуть окно редактора ресурсов.

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

== Редактирование сцены ==

=== Добавление на сцену ===

Разберемся, как на сцену добавляются новые объекты. Предполагается, что мы одновременно видим окна обоих редакторов. Убедимся, что в панели проекта (Layout) редактора сцен активна текущая сцена lessons_1. Не путайте её с экраном lesson_1, находящимся выше. Рядом с каждым объектом в дереве ресурсов находится иконка, отражающая тип объекта. Рядом с экраном изображено, что-то похожее на фотоаппарат, а рядом со сценой - чистый лист бумаги.

Нажав мышкой на иконку головы слонёнка в '''редакторе ресурсов''', перетащим её на сцену в '''редактор сцен''', где кнопку мышки отпустим:

[[Файл:intro_se_re.png|600px]]

Теперь окно редактора ресурсов можно свернуть, чтобы оно не мешало.
На сцене мы видим одного полноценного слонёнка и отдельно парящую голову.
В списке объектов (панель Layout) добавился объект elephant_head_2.
Его имя по умолчанию совпадает с именем картинки в редакторе ресурсов.
Если оно не достаточно точно выражает назначение этого объекта, то его '''необходимо'''
изменить в панели Properties (предполагается, что на дереве объектов эта голова сейчас выбрана).
Переименуем её, например, в elephant_ghost (дух слонёнка). Для этого кликнем справа от поля '''имя''' в панели Properties и введем новое название. После окончания редактирования нажимаем Enter. Одновременно с этим поменяется имя на дереве объектов (Layout).
Стоит всегда придерживаться следующего правила:

<blockquote>
[[файл:Ok.png|right|32px]]
'''Необходимо присваивать объектам в проекте осмысленные имена, отражающие их роль и функции. Это относится также к именам экранов и сцен.'''
</blockquote>

Названия объектов могут повторяться, но это плохой тон. В частности, неудачным примером названий в этом проекте служат похожие имена экрана (lesson_1) и сцены (lessons_1). Плохое имя (move) у летающего солнышка (лучше было бы fly_sun).

Обратим внимание, что добавленная голова имеет тип '''image''' (первое поле в панели Properties).
Большинство объектов в начале имеют такой тип. Далее он меняется в зависимости от функциональности объекта (подробнее об этом в следующих уроках).

<blockquote>
[[файл:Ok.png|right|32px]]
'''Совет''': Переименовывать объекты можно непосредственно в панели Layout, после двойного клика мышкой на имя этого объекта. Редактирование оканчивается нажатием клавиши Enter.
</blockquote>

=== Изменение положения ===

На сцене вокруг добавленной головы находится зелёная прямоугольная рамка (объект активен).
Если она красная, необходимо кликнуть на объект (голову) и он станет активным.
Заметим, что при клике на объекте меняется не только цвет рамки,
но и активный объект на дереве объектов (Layout). Соответственно в панели Properties показываются его свойства.
Стоит покликать на различные объекты на сцене и на дереве проекта, наблюдая одним глазом за их рамкой, а другим за панелями проекта и свойств. В заключении этого увлекательного упражнения необходимо снова сделать активной голову.

Активный объект можно таскать мышкой по экрану, задав ему требуемое положение (не оторвите только голову исходному слоненку). Стоит раскрыть свойство "'''положение'''" в панели Properties и понаблюдать, как при таскании головы меняются её координаты.
Начало координат (точка x=0, y=0) расположено в центре сцены. Горизонтальная ось x направлена вправо, а вертикальная ось y - вниз. Если объект находится ниже центра сцены, он будет иметь положительное значение y, а если выше, то отрицательное.
Естественно, положение объекта можно изменить и при помощи прямого редактирования полей '''x''', '''y''' свойства "'''положение'''". Перетащите голову в правый верхний угол сцены.

=== Модификаторы ===

Будем считать, что добавленная голова слона - это дух предков исходного слонёнка.
Духу положено быть полупрозрачным. Это достигается изменением
свойства '''alpha''' в группе '''модификаторы''' на панели свойств (Properties).
Изменим исходное значение 1.00 (непрозрачен) на 0.5 (полупрозрачен).
Значение alpha=0 соответствует полной невидимости объекта (возможно любое значение между 0 и 1).
Обратим внимание, что десятичная точка является именно точкой, а не запятой, как всё ещё учат на 1/6 части суши. Впрочем, если в вашей операционной системе в языковых настройках стоит русский язык, Вы увидите привычную запятую, вместо десятичной точки.

Дополнительно в разделе '''модификаторы''' можно изменить угол ('''angle''') в градусах (поставьте, например -30)
и масштаб картинки (поля '''scale x''' и '''scale y'''). Исходная картинка имеет единичный масштаб, т.е. на сцене выглядит также, как и в редакторе ресурсов. Если масштаб увеличить, то увеличится и картинка (это можно сделать независимо по ширине и высоте).
Соответственно, значение меньшее 1 (но большее нуля) её уменьшит.
Отрицательное значение масштаба переворачивает картинку. Задайте scale_x=-2 и scale_y=2.
В результате должно получиться что-то типа:

[[Файл:intro_se_midif.png|600px]]

Заметим, что при сильном масштабировании (scale) могут появляться дефекты картинки (квадратики пикселей), поэтому злоупотреблять большими значениями, обычно, не стоит.

=== Z - порядок объектов ===

Пришло время посмотреть, что у нас получилось. Для этого сохраняем все изменения
[[Файл:00 8.png]] (нажав кнопку Ok на выскочившем окошке).
Затем запускаем вьювер [[Файл:00 9.png]]. Понаблюдаем за солнцем. Оно движется над фоновой
картинкой "'''bg'''", но ''под'' головой духа слона (он должен, естественно, находится в верхней части сцены). Такая последовательность прорисовки связана с порядком объектов в дереве на панели Layout. Отрисовка происходит сверху вниз (сначала bg, затем move и т.д.). Это правило является иерархическим. Если на дереве находятся объекты, содержащие другие объекты, то сначала рисуется вся эта ветка дерева, а затем поверх неё рисуются нижележащие на дереве объекты на других ветках. Это же правило относится к последовательности рисования сцен. Если на экране несколько сцен, то они рисуются сверху вниз в соответствии с их порядком на дереве. Сама по себе сцена - это невидимый объект (контейнер). Поэтому, рисование сцены означает последовательное рисование всех объектов, которые в ней находятся.

Попробуем во вьювере кликнуть на солнце, когда оно оказывается под головой духа слона.
Его форма не изменяется, так как картинка головы, хотя и является полупрозрачной, по умолчанию "не прокликивается". Чтобы изменить ситуацию, закроем вьювер (крестик) и отредактируем поле свойств головы с именем "'''прокликиваемая'''", поставив вместо 0 значение 1. Закончив редактирование поля (нажав Enter), сохраняем проект [[Файл:00 8.png]] и снова запускаем вьювер [[Файл:00 9.png]].
Теперь дух, как и положено астральным образованиям, пропускает клик сквозь себя.

Порядок рисования объектов можно изменить, перетащив их по дереву в панели Layout.
Эта операция требует определенной сноровки. Наступим на имя объекта elephant_ghost и не отпуская мыши потащим его вверх. Когда он окажется над объектом bg, отпустим мышь. Он станет подобъектом фона,
что отобразится как сдвиг elephant_ghost вправо (у объекта фона bg слева появится треугольничек). Теперь снова схватим elephant_ghost и потащим чуть вниз и влево по дереву.
Когда указатель мыши окажется между объектами bg и move, появится длинная горизонтальная полоска. В этот момент отпускаем мышь, и наш дух размещается между этими объектами.

Ниже на рисунке представлены оба варианта положения духа на дереве сцены (слева подобъект elephant_ghost в объекте bg, а справа равноправный с bg объект, но ниже по дереву и, следовательно, рисуемый позже):

[[файл:intro_ghost.png]]

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

=== Удаление объектов ===

Откройте снова окно редактора ресурсов (скорее всего оно находится в свернутом состоянии в панели приложений). Расположите его над окном редактора сцен. Перетащите на сцену из папки lesson_1 какую-нибудь небольшую картинку (например, sun_1). Сверните редактор ресурсов. Новая картинка появилась на сцене и в дереве объектов панели Layout. Чтобы её удалить, нажмите правую кнопку мыши на объекте sun_1 в панели Layout. В вывалившемся меню выберете пункт '''Delete'''. Картинка исчезнет. Эквивалентно, объект можно удалить, кликнув на него в дереве и нажав на клавиатуре кнопку Del.

Заметим, что если объект на сцене сделать активным (кликнув на него - зеленая рамка) и попытаться нажать Del, то ничего не произойдет. Сделано это умышленно. Дело в том, что при удалении уничтожается не только сам объект, но и все его подобъекты. Подобная иерархия видна только на дереве проекта.

В качестве упражнения, поместите на сцену две картинки. Одну их них в дереве панели Layout перетащите на другую, сделав её подобъектом. Потаскайте мышкой по сцене обе картинки. Обратите внимание, что подобъект перемещается независимым образом. В тоже время при таскании корневого объекта начнут двигаться они оба. Координаты подобъекта задаются относительно его владельца. Поэтому при перемещении корневого объекта вместе с ним движутся и все подобъекты.
Теперь удалите сразу оба объекта, сделав активным на дереве корневой объект и нажав затем на кнопку Del (или при помощи правой кнопки мыши).

=== Другие объекты ===

На нашей сцене кроме картинок находятся еще два типа объектов - это кнопка и машина состояний. С кнопками мы будем работать уже на следующем [[Создание экранов, сцен. Работа с кнопками|уроке]], а машинам состояний посвящены сразу 3 урока, начиная с [[Checkbox как машина состояний|третьего]]. Пока наша задача состоит в их поиске в дереве проекта и первым знакомством с их свойствами.

Кликнем на треугольник слева от объекта move в панели Layout. Под ним раскроется подобъект с именем '''sun_1'''. Это кнопка. Сам же объект move является машиной состояния. Кроме указания соответствующего типа в панели Properties (посмотрите на него!), тип объекта помечается иконкой на дереве. Для машины - это шестеренка, а кнопка - это кнопка :).

Кликнув на объект '''sun_1''', рассмотрим его свойства в панели Properties. Кроме уже знакомых по картинке (тип=image) полей, появился ряд других. Например, раскроем треугольник свойства "'''внешний вид'''". Там находятся несколько полей, из которых заполнены '''up''' и '''down'''. В них заданы имена картинок для изображения отжатой и нажатой кнопки. Как они там оказались выяснится в следующем [[Создание экранов, сцен. Работа с кнопками|уроке]].

Рассмотрим теперь объект '''move'''. Не смотря на небольшое количество свойств, это один из самых универсальных и сложных объектов, позволяющих программировать динамическое поведение объектов и их логику. Чтобы краем глаза заглянуть на кухню этого процесса кликните на свойство '''states''', а затем на появившиеся три точки в этом поле. Выскочит следующее окошко:

[[файл:intro_move1.png]] [[файл:intro_move.png]]

Эта машина состояний, которая имеет одно состояние. В нём задана последовательность команд, которые управляют её движением по экрану. Сама машина в данном случае является невидимым объектом. Однако, она содержит в качестве подобъекта кнопку '''sun_1'''. Поэтому, когда машина move бегает по экрану, вместе с ней движется и кнопка. Клики на себя принимает кнопка, меняя при этом свой внешний вид. Несложно догадаться, что в результате получается солнышко.

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

* Найдите две машины состояний, связанные со слонёнком, и попробуйте догадаться как они работают (ответы в следующих уроках).
* Откройте демонстрационный проект, находящийся в папке AppSaluteСreator/Projects/Demo/demо. Поиграйтесь с ним.
* Снова откройте учебный проект c которым мы работали (AppSaluteСreator/Projects/Lessons/lessons). Он нам понадобится для следующего урока.
* Затем переходите на [[Создание экранов, сцен. Работа с кнопками|урок 2]].

----
{| width="100%"
| width="40%"|[[Learning|Оглавление]] <<
! width="20%"|[[Learning|Оглавление]]
| width="40%" align="right"| >> [[Создание экранов, сцен. Работа с кнопками|Урок 2]]
|}

Введение в AppSalute Сreator

Книга жалоб и пожеланий

2013-01-25T08:21:52Z

Dorl: /* Улучшение интерфейса */

Внимание !!
Перед публикацией внимательно читать ВСЕ!

== Улучшение интерфейса ==

* Возможность копирования состояний из машины в машину.--[[Участник:Oilich|Oilich]] 13:36, 24 января 2013 (CET)
* Поворачивать, масштабировать объекты прямо на сцене (как в любом граф.редакторе) [[Участник:Steps|Steps]] 14:11, 24 января 2013 (CET)
* Добавить горячие клавиши в состоянии машин. В выбранном состоянии машины, например если нажать "w" создается ф-я wait, "i"=if, "m" = move, "s" = set ну и так далее. --[[Участник:Igood|Igood]] 16:10, 24 января 2013 (CET)
С какой клавишей использовать CTRL +S сохранение + давайте уже весь список хоткеев. Проще разнести и реализовать.\

* Возможность копирования ф-й(set,wait...) из одного состояния машины в другую.--[[Участник:Igood|Igood]] 16:12, 24 января 2013 (CET)
В чем отличие от
Возможность копирования состояний из машины в машину.--[[Участник:Oilich|Oilich]] 13:36, 24 января 2013 (CET)
В том что это не состояния а отдельные функции в состоянии.--[[Участник:Igood|Igood]] 08:53, 25 января 2013 (CET)

* Добавить событие кнопке, изм. состояния объекта если на нее нажали в состоянии disable.--[[Участник:Igood|Igood]] 16:18, 24 января 2013 (CET)

С точки зрения кнопки - Она "Кнопка" имеет два состояния, в состоянии disable кнопка не должна вообще воспринимать кликов. Но если всех это не запутает и нужно для космического корабля то ОК--[[Участник:Boyarin|Boyarin]] 21:45, 24 января 2013 (CET)

* Редактор ресурсов. При загрузке картинок в редактор ресурсов, хотелось бы иметь возможность видеть превью картинок.
[[Файл:Редактор ресурсов.JPG|120px|thumb|left|описание]]
[[Файл:Предпросмотр.JPG‎|120px|thumb|left|описание]]
 

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

* Добавить сплайн (кривая линия), который можно рисовать на сцене и передавать команде move [[Участник:Steps|Steps]] 14:11, 24 января 2013 (CET)
- изучение возможности

== Баги ==
* Переместив картинку из редактора ресурсов на сцену, в свойствах она имеет по умолчанию тип '''image'''. Меняя тип '''image''' на '''machine''' иконка в дереве остается по-прежнему '''image''' до первого клика. Необходимо сделать мгновенную смену иконки в дереве. 
[[Файл:Машина.JPG‎ ]]

MEGEDIT-1102 - не срочно
 

== Реализовано ==

Книга жалоб и пожеланий

2013-01-25T08:20:17Z

Dorl: /* Улучшение интерфейса */

Внимание !!
Перед публикацией внимательно читать ВСЕ!

== Улучшение интерфейса ==

* Возможность копирования состояний из машины в машину.--[[Участник:Oilich|Oilich]] 13:36, 24 января 2013 (CET)
* Поворачивать, масштабировать объекты прямо на сцене (как в любом граф.редакторе) [[Участник:Steps|Steps]] 14:11, 24 января 2013 (CET)
* Добавить горячие клавиши в состоянии машин. В выбранном состоянии машины, например если нажать "w" создается ф-я wait, "i"=if, "m" = move, "s" = set ну и так далее. --[[Участник:Igood|Igood]] 16:10, 24 января 2013 (CET)
С какой клавишей использовать CTRL +S сохранение + давайте уже весь список хоткеев. Проще разнести и реализовать.\

* Возможность копирования ф-й(set,wait...) из одного состояния машины в другую.--[[Участник:Igood|Igood]] 16:12, 24 января 2013 (CET)
В чем отличие от
Возможность копирования состояний из машины в машину.--[[Участник:Oilich|Oilich]] 13:36, 24 января 2013 (CET)
В том что это не состояния а отдельные функции в состоянии.--[[Участник:Igood|Igood]] 08:53, 25 января 2013 (CET)

* Добавить событие кнопке, изм. состояния объекта если на нее нажали в состоянии disable.--[[Участник:Igood|Igood]] 16:18, 24 января 2013 (CET)

С точки зрения кнопки - Она "Кнопка" имеет два состояния, в состоянии disable кнопка не должна вообще воспринимать кликов. Но если всех это не запутает и нужно для космического корабля то ОК--[[Участник:Boyarin|Boyarin]] 21:45, 24 января 2013 (CET)

* Редактор ресурсов. При загрузке картинок в редактор ресурсов, хотелось бы иметь возможность видеть превью картинок.
[[Файл:Редактор ресурсов.JPG|120px|thumb|left|описание]]
[[Файл:Предпросмотр.JPG‎|120px|thumb|left|описание]]

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

* Добавить сплайн (кривая линия), который можно рисовать на сцене и передавать команде move [[Участник:Steps|Steps]] 14:11, 24 января 2013 (CET)
- изучение возможности

== Баги ==
* Переместив картинку из редактора ресурсов на сцену, в свойствах она имеет по умолчанию тип '''image'''. Меняя тип '''image''' на '''machine''' иконка в дереве остается по-прежнему '''image''' до первого клика. Необходимо сделать мгновенную смену иконки в дереве. 
[[Файл:Машина.JPG‎ ]]

MEGEDIT-1102 - не срочно
 

== Реализовано ==

Файл:Предпросмотр.JPG

2013-01-25T08:17:59Z

Dorl:

Файл:Редактор ресурсов.JPG

2013-01-25T08:09:19Z

Dorl:

Книга жалоб и пожеланий

2013-01-24T16:03:55Z

Dorl: /* Баги */

== Улучшение интерфейса ==

* Возможность копирования состояний из машины в машину.--[[Участник:Oilich|Oilich]] 13:36, 24 января 2013 (CET)
* Поворачивать, масштабировать объекты прямо на сцене (как в любом граф.редакторе) [[Участник:Steps|Steps]] 14:11, 24 января 2013 (CET)
* Поворачивать, масштабировать объекты прямо на сцене (как в любом граф.редакторе) [[Участник:Steps|Steps]] 14:11, 24 января 2013 (CET)
* Добавить горячие клавиши в состоянии машин. В выбранном состоянии машины, например если нажать "w" создается ф-я wait, "i"=if, "m" = move, "s" = set ну и так далее. --[[Участник:Igood|Igood]] 16:10, 24 января 2013 (CET)
* Возможность копирования ф-й(set,wait...) из одного состояния машины в другую.--[[Участник:Igood|Igood]] 16:12, 24 января 2013 (CET)
* Добавить событие кнопке, изм. состояния объекта если на нее нажали в состоянии disable.--[[Участник:Igood|Igood]] 16:18, 24 января 2013 (CET)

== Новые объекты ==

* Добавить сплайн (кривая линия), который можно рисовать на сцене и передавать команде move [[Участник:Steps|Steps]] 14:11, 24 января 2013 (CET)

== Баги ==
* Переместив картинку из редактора ресурсов на сцену, в свойствах она имеет по умолчанию тип '''image'''. Меняя тип '''image''' на '''machine''' иконка в дереве остается по-прежнему '''image''' до первого клика. Необходимо сделать мгновенную смену иконки в дереве. 
[[Файл:Машина.JPG‎ ]]

 

== Реализовано ==

Файл:Машина.JPG

2013-01-24T15:45:29Z

Dorl: Баг в машине

Баг в машине

Книга жалоб и пожеланий

2013-01-24T13:58:11Z

Dorl: /* Улучшение интерфейса */

Книга жалоб и пожеланий

2013-01-24T13:53:15Z

Dorl: /* Улучшение интерфейса */

Файл:Папка в редакторе ресурсов.JPG

2013-01-24T13:52:02Z

Dorl: Структура редактора ресурсов

Структура редактора ресурсов

Обсуждение:Machine

2013-01-24T13:39:32Z

Dorl: /* draw */

Некоторые замечания по синтаксису машин состояний [[Участник:Steps|Steps]] 16:19, 23 января 2013 (CET):
=== draw ===
* Зачем параметр '''go''' в командах инициализации?
* Сейчас параметр '''if''' бестолково работает в команде '''draw'''. Хоть срабатывает условие, хоть нет, происходит переход к следующему draw. Можно if-ом только один раз перебить ресурс из свойств. Лучше, чтобы if работал также, как и в команде set (т.е. если if сработал, установить этот ресурс, иначе - нет; и затем в любом случае перейти к следующим командам draw).
* В анимации не работает '''loop''' и '''ft'''.
* В анимации не работает '''go''', которое ссылается на свое состояние. По этой же причине не работает команда '''loop''' и '''ft''', то есть команда draw c ресурсом анимации срабатывает только один раз. Это нужно исправить. Ниже приведена машина, которая срабатывает только один раз. По логике в такой машине анимация должна работать непрерывно (быть зацикленной).
[[Файл:Анимация.JPG|400px|thumb|left|описание]]
 

=== init ===
* Почему нет параметра if, аналогично команде set?
* Последние 7 параметров меняют другие машины, объекты и по-логике должны находиться к команде '''set'''.

=== play ===
* Непонятен параметр if (перехода нет). Его надо интерпретировать аналогично команде set?

=== buy ===
* Добавить параметр if, аналогично команде set.

=== wait ===
* Если есть только одна команда wait, то '''loop''' в ней не срабатывает.

=== if ===
* Добавить параметр '''go'''. Тогда можно переходы-ветвления делать не из wait, а не посредственно из if. Будет короче и понятнее.

Обсуждение:Machine

2013-01-24T13:38:26Z

Dorl: /* draw */

Некоторые замечания по синтаксису машин состояний [[Участник:Steps|Steps]] 16:19, 23 января 2013 (CET):
=== draw ===
* Зачем параметр '''go''' в командах инициализации?
* Сейчас параметр '''if''' бестолково работает в команде '''draw'''. Хоть срабатывает условие, хоть нет, происходит переход к следующему draw. Можно if-ом только один раз перебить ресурс из свойств. Лучше, чтобы if работал также, как и в команде set (т.е. если if сработал, установить этот ресурс, иначе - нет; и затем в любом случае перейти к следующим командам draw).
* В анимации не работает '''loop''' и '''ft'''.
* В анимации не работает '''go''', которое ссылается на свое состояние. По этой же причине не работает команда """loop""" и """ft""", то есть команда draw c ресурсом анимации срабатывает только один раз. Это нужно исправить. Ниже приведена машина, которая срабатывает только один раз. По логике в такой машине анимация должна работать непрерывно (быть зацикленной).
[[Файл:Анимация.JPG|400px|thumb|left|описание]]
 

=== init ===
* Почему нет параметра if, аналогично команде set?
* Последние 7 параметров меняют другие машины, объекты и по-логике должны находиться к команде '''set'''.

=== play ===
* Непонятен параметр if (перехода нет). Его надо интерпретировать аналогично команде set?

=== buy ===
* Добавить параметр if, аналогично команде set.

=== wait ===
* Если есть только одна команда wait, то '''loop''' в ней не срабатывает.

=== if ===
* Добавить параметр '''go'''. Тогда можно переходы-ветвления делать не из wait, а не посредственно из if. Будет короче и понятнее.

Обсуждение:Machine

2013-01-24T13:35:41Z

Dorl: /* draw */

Некоторые замечания по синтаксису машин состояний [[Участник:Steps|Steps]] 16:19, 23 января 2013 (CET):
=== draw ===
* Зачем параметр '''go''' в командах инициализации?
* Сейчас параметр '''if''' бестолково работает в команде '''draw'''. Хоть срабатывает условие, хоть нет, происходит переход к следующему draw. Можно if-ом только один раз перебить ресурс из свойств. Лучше, чтобы if работал также, как и в команде set (т.е. если if сработал, установить этот ресурс, иначе - нет; и затем в любом случае перейти к следующим командам draw).
* В анимации не работает '''loop''' и '''ft'''.
* В анимации не работает '''go''', которое ссылается на свое состояние. По этой же причине не работает команда """loop""" и """ft""", то есть команда draw c ресурсом анимации срабатывает только один раз. Это нужно исправить. Ниже приведена машина, которая срабатывает только один раз. По логике в такой машине анимация должна работать непрерывно (быть зацикленной).
[[Файл:Анимация.JPG|400px|thumb|left|описание]]

=== init ===
* Почему нет параметра if, аналогично команде set?
* Последние 7 параметров меняют другие машины, объекты и по-логике должны находиться к команде '''set'''.

=== play ===
* Непонятен параметр if (перехода нет). Его надо интерпретировать аналогично команде set?

=== buy ===
* Добавить параметр if, аналогично команде set.

=== wait ===
* Если есть только одна команда wait, то '''loop''' в ней не срабатывает.

=== if ===
* Добавить параметр '''go'''. Тогда можно переходы-ветвления делать не из wait, а не посредственно из if. Будет короче и понятнее.

Файл:Анимация.JPG

2013-01-24T12:41:39Z

Dorl: Команда draw c ресурсом анимация.

Команда draw c ресурсом анимация.