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

Материал из wiki.appsalutecreator.com
Перейти к: навигация, поиск
Оглавление << Оглавление >> Урок 1

Введение

Для создания игровых приложений в AppSalute Сreator используются четыре взаимодействующих между собой приложения:

  • SceneEditor - основной редактор игровых сцен в котором происходит настройка свойств объектов и игровой логики
  • ResourcesEditor - хранилище графических и звуковых ресурсов, использующихся в игре. Эти ресурсы при мощи мышки перетаскиваются на сцену в SceneEditor
  • TextEditor - хранилище всех текстовых ресурсов на различных языках. Аналогично графике и звукам мышкой перетаскиваются в соответствующие свойства объектов, находящихся в SceneEditor
  • Viewer - проигрыватель созданной игры. Обычно запускается непосредственно из SceneEditor.
Layout.png

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

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

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

Для начала работы с редактором его необходимо проинсталировать, загрузив инсталлятор. Затем запускаем SceneEditor, найдя на рабочем столе или в списке приложений иконку: Icon se.png.

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

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

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

001.JPG

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

002.JPG

Откроем проект, на основании которого будут проходиться эти уроки. Для этого нажмём в меню пункты Project - Open или сразу кнопку быстрого доступа 00 7.png. В корневой папке фреймворка (по умолчанию AppSaluteСreator) откроем папку Projects, а в ней папку Lessons. Затем кликнем на файл lessons. В результате откроется проект, визуальная часть которого окажется в основной (центральной) части редактора.

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

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

00 4.png

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

00 5.png

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

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

При разработке проекта его в любой момент можно запустить в отдельном окне на исполнение. Для этого на открытом проекте необходимо выбрать интересующий нас экран (с которого произойдёт запуск) и нажать кнопку 00 9.png (или пункт меню View - Start viewer).

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

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 — найти объект по имени;

Если нажать в меню кнопку Лейауты (Layouts), выпадет список команд, с помощью которых можно создать новый лайаут, добавить папку или экран в указаный луйаут, копировать либо удалить элемент и т.д.

015.JPG

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

Рассмотрим интерфейс редактора ресурсов. Для этого необходимо запустить ResourcesEditor, найдя на рабочем столе или в списке приложений иконку: [иконка].

1. Вверху окна приложения расположены кнопки общего меню:

016.JPG

2. Если нажать в меню кнопку File, выпадет список команд, с помощью которых можно создать новый или загрузить уже созданный проект, создать проект по папке и выход (закрытие приложения).

00 15.PNG

3. Если нажать в меню кнопку View, выпадет список команд, с помощью которых можно указать расположение окна приложения ResourcesEditor всегда поверх других окон, просмотреть графический ресурс в окне приложения.

00 16.PNG

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

017.JPG

5. Если нажать в меню кнопку Help → Online help подгружает через браузер статью Absolutist Framework [[1]]

00 17a.PNG

6. Обозначения значков:

00 6.png — команда создать Новый проект; 00 7.png — команда загрузить уже созданный проект;

00 21.png — добавить новое изображение; 00 22.png — добавить новую анимацию;

00 23.png — добавить новый звук; 018.JPG - добавить новое видео;

00 18.png — создать новую папку в корневой базе; 00 19.png — удалить ресурс;

Добавление ресурсов в проект


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