Часть 2. Работа с программой
9. Графические объекты (изображения, кнопки, анимации)
Если кликнуть по любому меню в дереве проектов, то в нём появляется дополнительная вкладка Objects, в которой содержится перечень всех объектов, используемых этим меню.
Графический объект может быть одним из следующих типов:
Изображение – статическое изображение, представленное одной картинкой.
Кнопка – объект с 4 состояниями: нормальное (обязательно), выбранное (обязательно), активированное (по желанию), текущее (используется для выделения текущей главы или дорожки).
Текущее состояние используется вместе со свойствами подсветки. Каждое состояние подсветки может быть установлено только для одной кнопки, т.е. только одна кнопка может быть с "Highlight if [Sound] in Group [Movie] is equal to 1", только одна кнопка может быть с "Highlight if [Sound] in Group [Movie] is equal to 2" и т.д.
Активированное состояние всегда показывается вместо нормального. Отметим, что хотя кнопка представлена тремя объектами, де-факто это один объект, и нельзя вставить любой другой графический объект между этими состояниями. Также отметим, что все состояния Selected и Current всегда отображаются вместе. Расположение этих состояний определяется методом прорисовки.
Если объект принадлежит к какой-либо группе анимации (поместить его в группу можно, установив флажок нужной группы в контекстном меню объекта, описанном выше), то это обозначается буквой A в ромбике слева от объекта. Справа от объекта будет указан номер группы анимации для объекта.
Свойства графических объектов
Для изображений в окне свойств указывается Name (имя), Image (местонахождение изображения), флажок Button (кнопка) не установлен, и Layout показывает расположение объекта относительно верха и левого края и т.д.
Если же задаём свойства кнопки, то ставим флажок кнопки. В результате в окне появляются дополнительно поля для указания звуков при выборе кнопки и при нажатии на неё (требования к этим звукам уже описаны), а также две группы свойств Actions (действия) и Highlight (подсветка).
Установка действий кнопок
Предполагая, что у пульта ДУ есть 4 кнопки со стрелками и одна кнопка ввода (Enter), можно задать действия для кнопки меню на экране, которые будут производиться при нажатии на одну из кнопок пульта. Можно осуществить переход к другой кнопке, меню, запуск фильма, выбор аудио дорожки и т.п. в зависимости от типа действия кнопки.
Сначала типы кнопок основного меню. Двойной клик по полю с действием (Press left, Press right и т.д.) открывает окно выбора типа действия:
Select Button выбирает кнопку (из списка имеющихся в этом меню), к которой будет осуществлён переход.
Jump MENU указывает меню (из списка имеющихся в проекте), в которое будет осуществлён переход (скачок). Например, для демо-проекта:
* Если нужно перейти в меню без выбора кнопки, то в списке меню выберите значение [Default]. В этом случае будет выбрана первая кнопка или кнопка, которая была выбрана перед тем, как покинуть меню.
* Если нужно перейти к конкретной кнопке – выбираем её.
* Если нужно перейти в меню и пропустить анимацию входа – выбираем Skip animation и нужную кнопку или [Default].
Play MOVIE указывает, какой фильм будет воспроизводиться. Можно выбрать нужную главу (эпизод), а можно выбрать [resume] и воспроизвести с места последней остановки.
Set AUDIO / SUBTITLES устанавливает соответствующие дорожки для выбранного фильма.
Set sound FX включает/выключает звуковые эффекты кнопок.
Multi-action (мульти-действие) разработано для выполнения нескольких операций за одно действие (нажатие кнопки на пульте). Можно одновременно задать аудио и субтитры, включить/выключить звуковые эффекты и режим 3D и т.д.
Switch (переключатель) предназначен для формирования действий, зависящих от номера текущего эпизода или аудио дорожки (субтитров). Число может также быть интервалом – 1,2,3 или 2-4, например. Т.е. это формирование конструкции вида If… Then… либо из предлагаемых вариантов, либо вручную (выбрав в условии If тип Custom). Все сравнения по отношению к двоичным операндам должны находиться в квадратных скобках, т.е. нельзя сделать, к примеру, так: Audio(Movie) = 1 & Sub(Movie) = 2.
Если введённые условия не соответствуют установленным требованиям, то получим сообщение об ошибке во время компиляции.
Script (Java) позволяет ввести Java-код.
Кнопки для Popup меню имеют один дополнительный тип – Jump POPUP для осуществления перехода к выбранному всплывающему меню или для его закрытия [close popup].
Авто-назначение переходов между кнопками (действиями)
Нажатие соответствующей кнопки на панели инструментов главного меню открывает окно:
Straight lines (прямые линии) означает поиск кнопок на горизонтальной и вертикальной линии по отношению к выбранной кнопке.
45-degree lines (наклонные) означает поиск кнопок на линии с наклоном 45 градусов по отношению к выбранной кнопке.
Directions назначает все направления (влево/вправо/вверх/вниз) или только вправо/влево, вверх/вниз.
Use selected state – поиск кнопок, для которых мы используем выбранное состояние, не нормальное.
Подсветка текущей звуковой дорожки, субтитров или эпизода фильма
Состояние кнопки Current предназначено для подсвечивания в меню воспроизводимого аудио, субтитров или эпизода фильма. Т.е. к кнопке мы переместились, но ещё не нажали на неё. Чтобы включить его отображение в окне дизайнера, нажмите на соответствующий кружок в панели инструментов главного меню.
Изображение, установленное для отображения этого состояния кнопки, появится только тогда, когда выполнены условия для свойств Highlight. В окне свойств это группа Highlight if, которая указывает, к чему относится подсветка – звуку, субтитрам или эпизоду фильма. Подсветка эпизодов относится только к всплывающему меню.
... in group (... in Movie): ... в группе (... в фильме) – к какой группе относится подсветка: аудио, субтитры или эпизоды фильма.
... is equal to: ... равно – номер звуковой дорожки, субтитров или эпизода фильма. Звуковые дорожки пронумерованы от 1. Номер "0" могут иметь только субтитры, и это будет означать, что они выключены. Эпизоды фильма пронумерованы от 1: эпизод 1 – начало фильма. Можно указать несколько значений, разделённых запятыми.
Например, у нас есть фильм "Movie 1" в группе "Movie Group 1". Для кнопки, которая будет активировать аудио дорожку номер 1, мы указываем соответствующее изображение для состояния "Current" и заполняем значения свойств раздела Highlight:
* Highlight if – Звук.
* ... in group – Movie Group 1.
* ... is equal to – 1.
В результате, когда входим в это меню, если фильм будет воспроизводиться с аудио дорожкой 1, на экране появится изображение, указанное для состояния Current.
Анимация
Анимация будет воспроизводиться при нажатии на кнопку или при входе в меню. Можно полностью анимировать меню или анимировать только группу объектов. Обращаем внимание, что Fade-out и Slide-out не закрывают всплывающее меню, нужно вызывать [Close popup] вручную.
Анимация бывает двух типов: Fade – появление и исчезновение и Slide – выдвижение. Чтобы выбрать один из типов, в окне свойств объекта (меню) в поле Enter animation нажимаем кнопку со стрелкой. В открывшемся окне выбираем тип и задаём свойства.
Для типа Fade:
What animate – решаем, что анимируем: либо меню полностью, либо только одну группу объектов, либо выбранное состояние кнопки (анимация нажатия клавиш).
Number of frames – длительность анимации в кадрах. Рекомендуется удвоить продолжительность анимации, которая начинается одновременно с началом видео, вместо обычной продолжительности переходов меню.
Fade direction – направление анимации: in – fade in (появление), out – fade out (исчезновение).
Для типа Slide:
What animate и Number of frames аналогичны описанным выше.
From/To значения (left/top) – относительные координаты начала и конца движения. Координаты (0, 0) означают текущую позицию. Отрицательные числа означают позицию слева и сверху по отношению к текущей позиции. Положительные – справа и снизу. Например, From значение = (0, –300), To значение = (0, 0) означает выдвижение сверху, начиная с точки, на 300 пикселей выше текущего положения. Координаты могут быть как положительными (ниже или правее текущей позиции), так и отрицательными (выше или левее текущей позиции).
Clipping area – область ограничения, внутри которой будет работать анимация. По умолчанию (0, 0), (1080,1920) означает, что ограничения нет.
Include Selected and Current states – позволяет использовать выбранные и текущие состояния для анимации. Если флажок не установлен, то выбранное и текущее состояние не будут отображаться во время анимации. Это работает, только если группа анимации содержит кнопки.
Если установить флажок Advanced, то появятся дополнительные параметры анимации:
Здесь можно добавить несколько анимаций для одного действия. Настраиваем соответствующую анимацию в верхней части окна и нажимаем кнопку Add (Добавить). Параллельная анимация должна содержать неперекрывающиеся группы. Порядок анимации может быть параллельным или последовательным. Если создаём последовательную анимации, то нужно указать, что это будет – появление или исчезновение объектов.
Если нужно удалить дополнительную анимацию, просто снимите флажок Advanced.
Если хотите использовать fade и slide вместе, используйте такую же группу с двумя различными эффектами. Например, если вы хотите сделать появление 3-х объектов из 5-ти выезжающих, то выделите их в другую группу и задайте: выезд 2-х объектов (группа 1) параллельно с появлением 3-х объектов (группа 2) параллельно с выездом этих 3-х объектов (группа 2).
Также можно сочетать выезд с появлением. Если хотите использовать появление с эффектом выезда, то нужно воспользоваться параллельной анимацией, в которой первым идёт появление (fade in), затем выезд (slide). Например, такой код возможен в этом случае в окне дополнительных параметров (задаём параметры в верхней части окна анимации, затем жмём кнопку Add):
Fade in: Group2 [12]
Slide (0, 240) - (0, 0) [0, 1920] - [0, 1080]: Group2 <v>
Fade in: Group1 [12]
Точно также можно использовать выезд совместно с fade out.
Описанные типы анимации используются как кнопками, так и меню. Любое действие кнопок может сопровождаться анимацией, которая воспроизводится перед выполнением действия. Анимация для меню – сопровождение входа в меню.
Анимированные изображения и состояния кнопок
Вместо PNG-изображений можно использовать покадровую анимацию. Для этого потребуется:
* Создание анимации в нескольких файлах: один файл = один кадр. Помещаем их в одну папку.
* Создаём текстовый файл: первая строка – это количество кадров в изображении (скорость анимации), другие строки – список PNG-файлов.
* Сохраняем текстовый файл с расширением *.anim в той же папке.
Например, создаём файл Logo.anim, который содержит:
4
C:\Demo\anim\new-1.png
C:\Demo\anim\new-2.png
C:\Demo\anim\new-3.png
C:\Demo\anim\new-4.png
C:\Demo\anim\new-5.png
C:\Demo\anim\new-6.png
C:\Demo\anim\new-7.png
C:\Demo\anim\new-8.png
Cохраняем его в C:\Demo\anim\Logo.anim. Число 4 в начале файла означает, что каждое изображение в списке будет показываться в течение 4 кадров.