Введение в AppSalute Сreator — различия между версиями

Материал из wiki.appsalutecreator.com
Перейти к: навигация, поиск
Строка 110: Строка 110:
 
JPEG - изображение, не имеющее прозрачности. Может использоваться для "облегчения веса", в качестве фонового изображения или для паззла;
 
JPEG - изображение, не имеющее прозрачности. Может использоваться для "облегчения веса", в качестве фонового изображения или для паззла;
  
PNG - может поддерживать прозрачность. Высокое качество изображения.
+
PNG - может поддерживать прозрачность, произвольные границы изображения. Сохраняет высокое качество изображения.  
  
 
Использование бордеров исключает появление артефактов вокруг png-изображений за счет добавления прозрачной области (в пикселях) по контуру. Это можно сделать, как локально, так для всех изображений:
 
Использование бордеров исключает появление артефактов вокруг png-изображений за счет добавления прозрачной области (в пикселях) по контуру. Это можно сделать, как локально, так для всех изображений:

Версия 13:29, 10 мая 2012

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

§1. Интерфейс приложения SceneEditor

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

00 1.PNG

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

00 2.PNG

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

00 3.png

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

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

00 8.png — сохранить изменения в проекте; 00 9.png — команда запуска Viewer;

00 10.png — перемещение сцен мышью; 00 11.png — нормальный вид;

00 12.png — найти объект по имени; 00 13.png — общая информация, показывает общие свойства объекта;

00 13a.PNG — вызов редактора ресурсов напрямую из редактора сцен; 00 13b.PNG - анализирование используемых ресурсов.

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

00 4.png

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

00 5.png

§2. Интерфейс приложения ResourcesEditor

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

00 14.PNG

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

00 15.PNG

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

00 16.PNG

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

00 17.PNG

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 — добавить новый звук; 00 18.png — создать новую папку в корневой базе;

00 19.png — удалить ресурс.

§3. Копирование необходимых файлов

Создать папку с названием проекта (например, Learning) → загрузить из Y:\!MOBILE\Hidden Object Editor\_All_Last_Builds редактор сцен SceneEditor, проигрыватель сцен Viewer, редактор ресурсов ResourcesEditor и папку Sources с исходниками графики для формирования базы графическмх ресурсов. Для ускорения работы редактора копируем все содержимое папки на локальный диск.

§4. Создание базы графических ресурсов

1. Запустить редактор ресурсов ResourcesEditor. В меню File выбрать New Project.

00 24.PNG 00 25.PNG

2. В окне базы создания ресурсов в строке "Папка проекта" указать путь на ранее созданную пустую папку Resources, затем в строке "Имя базы ресурсов" вписать имя корневой базы Learning_Base.

00 26.PNG

3. В корневой базе создать папку Create New Folder (например, папка Lesson_01).

00 27.png

4. Загрузить исходники графики из папки Sources → Lesson_01 (аналогична загрузка исходников графики для других уроков).

00 28.png 00 29.PNG

В папке ресурсов Resources автоматически создается папка с корневой базой (в нашем случае Learning_Base), в которой автоматически появляются папка с графическими ресурсами Lesson_01 (для урока 1) и файл Learning_Base.sirx

00 30.png

Внимание! - прямое изменение структуры файлов в папке Resources запрещено. Допускается работа только через редактор ресурсов (ResourcesEditor).

5. В случае, если имеется уже готовая база ресурсов (а именно, структурированная папка), то можно использовать ее. Для этого нужно при создании новой базы в строке "Папка с графическими ресурсами" указать путь, где находится готовая база ресурсов.

00 30a.PNG 00 30b.PNG

§5. Работа в ResourcesEditor

  • Графические ресурсы, которые можно загружать в ResourcesEditor, могут быть двух типов:

JPEG - изображение, не имеющее прозрачности. Может использоваться для "облегчения веса", в качестве фонового изображения или для паззла;

PNG - может поддерживать прозрачность, произвольные границы изображения. Сохраняет высокое качество изображения.

Использование бордеров исключает появление артефактов вокруг png-изображений за счет добавления прозрачной области (в пикселях) по контуру. Это можно сделать, как локально, так для всех изображений:

Для одного изображения: 00 37.PNG

Для всех изображений: 00 46.PNG 00 47.PNG

  • Анимация загружается из любой папки с некоторым количеством файлов изображений.

00 40.PNG 00 41.PNG

После загрузки анимации можно изменить ее параметры. Например, изменить скорость анимации (смены кадров) и зациклить, поставив галочку напротив Looped.

00 42.PNG

В левой части нижнего окна анимации находится список загруженных изображений, в правой - последовательность изображений (кадров), которые можно менять местами, добавлять/удалять, загружать в прямом/обратном порядке. Таким образом, можно "уменьшить вес" анимации за счет использования меньшего количества исходных изображений.

00 43.PNG 00 44.PNG 00 45.PNG

§6. Интерфейс приложения TextEditor

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

00 38.PNG

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

00 39.PNG

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

00 3.png

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

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

00 8.png — сохранить изменения в проекте; 00 9.png — команда запуска Viewer;

00 10.png — перемещение сцен мышью; 00 11.png — нормальный вид;

00 12.png — найти объект по имени; 00 13.png — общая информация, показывает общие свойства объекта;

00 13a.PNG — вызов редактора ресурсов напрямую из редактора сцен; 00 13b.PNG - анализирование используемых ресурсов.

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

00 4.png

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

00 5.png

§7. Создание проекта

1. Для создания нового игрового проекта необходимо запустить редактор сцен SceneEditor.

00 31.PNG

2. В верхнем меню Проект выбрать Новый (т.е. создать новый проект).

00 32.png

3. В появившемся окне выбрать размер создаваемой сцены (для уроков используем Layout800x600).

00 33.png

4. В этом же окне нажимаем на значок с многоточием и в папке ресурсов (в нашем случае Resources) указать путь к файлу Learning_Base.sirx.

00 34.png


00 35.png

5. В редакторе сцен в меню Проект → Сохранить → проект Learning. Эту методику действий можно брать за шаблон для создания других проектов.

Результат: Создана база ресурсов и проект для выполнения Уроков.

00 36.png


Оглавление << Оглавление >> [Урок 1: Создание экранов, сцен. Работа с кнопками|Урок 1]]