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

Материал из wiki.appsalutecreator.com
Перейти к: навигация, поиск
Строка 10: Строка 10:
 
1. Вверху окна приложения расположены кнопки общего меню:
 
1. Вверху окна приложения расположены кнопки общего меню:
  
[[Файл:00 1.PNG]]
+
[[Файл:001.JPG]]
  
2. Если нажать в меню кнопку Проект, выпадет список команд, с помощью которых можно создать новый или загрузить уже созданный проект, сохранить проект с указанием места сохранения и т.д.
+
2. Если нажать в меню кнопку Проект (Project), выпадет список команд, с помощью которых можно создать новый или загрузить уже созданный проект, сохранить проект с указанием места сохранения и т.д.
  
[[Файл:00_2.PNG]]
+
[[Файл:002.JPG]]
  
3. Если нажать в меню кнопку Дерево, выпадет список команд, с помощью которых можно добавить папку или экран в указаный луйаут, создать новый лайаут, копировать либо удалить элемент и т.д.
+
3. Если нажать в меню кнопку Дерево (Layouts), выпадет список команд, с помощью которых можно добавить папку или экран в указаный луйаут, создать новый лайаут, копировать либо удалить элемент и т.д.
  
[[Файл:00 3.png]]
+
[[Файл:015.JPG]]
  
 
4. Обозначения значков:
 
4. Обозначения значков:
Строка 26: Строка 26:
 
[[Файл:00 8.png]] — сохранить изменения в проекте; [[Файл:00 9.png]] — команда запуска Viewer;
 
[[Файл:00 8.png]] — сохранить изменения в проекте; [[Файл:00 9.png]] — команда запуска Viewer;
  
[[Файл:00 10.png]] — перемещение сцен мышью; [[Файл:00 11.png]] — нормальный вид;  
+
[[Файл:00 10.png]] — перемещение сцен мышью; [[Файл:009.JPG]] — нормальный вид;  
  
[[Файл:00 12.png]] — найти объект по имени; [[Файл:00 13.png]] — общая информация, показывает общие свойства объекта;
+
[[Файл:010.JPG]] - Общие свойства объекта; [[Файл:011.JPG]] - вызов текстового редактора;
  
[[Файл:00_13a.PNG]] — вызов редактора ресурсов напрямую из редактора сцен; [[Файл:00_13b.PNG]] - анализирование используемых ресурсов.
+
[[Файл:012.JPG]] — вызов редактора ресурсов напрямую из редактора сцен;
 +
 
 +
[[Файл:013.JPG]] — анализатор ресурсов;  [[Файл:014.JPG]] — найти объект по имени;
  
 
5. Справа вверху окна приложения расположена панель Проекта, в котором показано иерархическое дерево проекта с указанием размера лайаута, расположением всех его экранов, сцен и объектов.
 
5. Справа вверху окна приложения расположена панель Проекта, в котором показано иерархическое дерево проекта с указанием размера лайаута, расположением всех его экранов, сцен и объектов.
Строка 44: Строка 46:
 
1. Вверху окна приложения расположены кнопки общего меню:
 
1. Вверху окна приложения расположены кнопки общего меню:
  
[[Файл:00 14.PNG]]
+
[[Файл:016.JPG]]
  
 
2. Если нажать в меню кнопку File, выпадет список команд, с помощью которых можно создать новый или загрузить уже созданный проект, создать проект по папке и выход (закрытие приложения).
 
2. Если нажать в меню кнопку File, выпадет список команд, с помощью которых можно создать новый или загрузить уже созданный проект, создать проект по папке и выход (закрытие приложения).
Строка 56: Строка 58:
 
4. Если нажать в меню кнопку Project, выпадет список команд, с помощью которых можно создавать корневую базу графических ресурсов, добавлять изображения, анимацию, звуки, удалять ресурсы и т.д.
 
4. Если нажать в меню кнопку Project, выпадет список команд, с помощью которых можно создавать корневую базу графических ресурсов, добавлять изображения, анимацию, звуки, удалять ресурсы и т.д.
  
[[Файл:00 17.PNG]]
+
[[Файл:017.JPG]]
  
 
5. Если нажать в меню кнопку Help → Online help подгружает через браузер статью Absolutist Framework [[http://ge.absolutist.com/index.php/Absolutist_Framework]]
 
5. Если нажать в меню кнопку Help → Online help подгружает через браузер статью Absolutist Framework [[http://ge.absolutist.com/index.php/Absolutist_Framework]]
Строка 68: Строка 70:
 
[[Файл:00 21.png]] — добавить новое изображение;  [[Файл:00 22.png]] — добавить новую анимацию;
 
[[Файл:00 21.png]] — добавить новое изображение;  [[Файл:00 22.png]] — добавить новую анимацию;
  
[[Файл:00 23.png]] — добавить новый звук; [[Файл:00 18.png]] — создать новую папку в корневой базе;
+
[[Файл:00 23.png]] — добавить новый звук; [[Файл:018.JPG]] - добавить новое видео;
 +
 
 +
[[Файл:00 18.png]] — создать новую папку в корневой базе; [[Файл:00 19.png]] — удалить ресурс;
 +
 
  
[[Файл:00 19.png]] — удалить ресурс.
 
  
 
'''§3. Копирование необходимых файлов'''
 
'''§3. Копирование необходимых файлов'''
Строка 186: Строка 190:
 
[[Файл:00 32.png]]
 
[[Файл:00 32.png]]
  
3. В появившемся окне выбрать размер создаваемой сцены (для уроков используем Layout800x600).
+
3. В появившемся окне указать имя проекта и имя базы.
  
[[Файл:00 33.png]]
+
[[Файл:019.JPG]]
  
4. В этом же окне нажимаем на значок с многоточием и в папке ресурсов (в нашем случае Resources) указать путь к файлу Learning_Base.sirx.
+
4. В этом окне выбираем устройство для которого создаётся проект.
  
[[Файл:00 34.png]]
+
[[Файл:020.JPG]]
  
  
[[Файл:00 35.png]]
+
[[Файл:021.JPG]]
  
 
5. В редакторе сцен в меню Проект → Сохранить → проект Learning. Эту методику действий можно брать за шаблон для создания других проектов.
 
5. В редакторе сцен в меню Проект → Сохранить → проект Learning. Эту методику действий можно брать за шаблон для создания других проектов.

Версия 08:16, 19 сентября 2012

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

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

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

001.JPG

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

002.JPG

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

015.JPG

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

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

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

00 4.png

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

00 5.png

§2. Интерфейс приложения 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 — удалить ресурс;


§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

  • Звуковые файлы, подгружаемые в ResourcesEditor, могут быть двух форматов:

mp3 - используется как ресурс для длинного звука mus. Звуки такого формата могут воспроизводиться только последовательно.

ogg - используется как ресурс для короткого звука snd (snd-звуки могут воспроизводиться параллельно) и для подключения голоса voice (если voice подключен к тексту, то воспроизводится последовательно). Имеет меньший объем, чем формат mp3.

00 48.PNG

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

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

00 38.PNG

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

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

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

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

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

00 39.PNG

4. Если нажать в меню кнопку Resource, выпадет список команд:

00 49.PNG

Open Resource - позволяет создать базу по ранее подготовленной графической базе ресурсов с точным совпадением структуры и названием папок и файлов. Используется для Hidden Objects;

00 50.PNG

Choose Resource File - позволяет подгрузить базу графических ресурсов для перетаскивания изображений из ResourcesEditor на иконку;

Файл:00 .PNG Файл:00 .PNG

Choose Categories Config - помогает классифицировать текстовые файлы по категориям.

00 51.PNG 00 52.PNG

5. В окне приложения TextEditor справа в столбце Word можно указать перевод текстовой записи на различных языках, в столбце Sentence1,Sentence2 - указать подсказку для текстовой записи, в столбце voice - подключить звуковой файл для текстовой записи из ResourcesEditor.

00 54.PNG

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

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

00 31.PNG

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

00 32.png

3. В появившемся окне указать имя проекта и имя базы.

019.JPG

4. В этом окне выбираем устройство для которого создаётся проект.

020.JPG


021.JPG

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

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

00 36.png


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