Создание заставки на основе Matinee Часть 2

И так возьмём сцену которая у нас получилась в прошлом уроке, посмотрев её нам кажется что чего-то не хватает для придания атмосферы. И решили мы сделать ещё небольшие титры в начале, для представления нашей игры, так же подумали о музыке. И так преступим.
Открываем Adobe Flash Professional CS 5.5 и создаём новый файл ActionScript 2.0:

Здесь нужно сделать следующее:

1. Поставить количество кадров (FPS) как вам нужно, я использую 30
2. Установить разрешение, я всегда ставлю по размеру своего экрана (1600х900)
3. Выбрать цвет фона рабочей области, это скорее всего опционально для каждого, так как всё зависит от того какой текст вы будете делать, если текст будет белым (так как его лучше видно будет на заставке, где у нас всё чёрное вокруг)то лучше сменить фон на чёрный.

Пока моно свернуть Adobe Flash и открыть Adobe Photoshop для создания нашего текста.
В настройках нового файла нам обязательно надо выставить содержимое фона на ПРОЗРАЧНЫЙ

Далее берём инструмент текст и пишем то что вам надо, у меня получилось вот так =) не забываем ,что справа если два раза кликнуть мышкой на слое, то откроется окно с интересными настройками.

Сохраняем в формате .png и закрываем фотошоп. Переходим в Adobe Flash и жмём Файл – Импорт – Импорт в рабочую область (или жмём Ctrl+R) и перемещаем наш текст в нужную нам позицию экрана, так же размер можно настроить и тут. Справа (где мы настраивали разрешение экрана и фон) есть Размер и положение, советую поэксперементировать.
Далее жмём правой кнопкой по нашему тексту и выбираем Преобразовать в символ, выбираем тут: Фрагмент ролика, имя пишем по английски “text” , жмём ОК.

И так при создании файла мы поставили 30 (FPS) кадров в секунду, и мы знаем что в секунду у нас будет 30 кадров, если мы хотим что бы текст появлялся и исчезал в течении 10 секунд то нам нужно будет 300 кадров, если 5 секунд то 150 кадров. Остановимся на 10 секундах.
Выделяем наш 150 кадр (так как там у нас будет середина анимации, в которой изображение принимает 100% видимости), жмём правой кнопкой и выбираем Вставить ключевой кадр.

Далее выделяем первый кадр, жмём правой кнопкой мыши и выбираем Создать классическую анимацию движения

Далее выделяем наш текст в рабочей области (оставаясь на первом кадре) и справа видим «Стиль» там нам надо выбрать Стиль – Альфа канал; и выставить Альфа на 0%, так как в 1 кадре текст у нас будет не видим, и постепенно появляться к 150 кадру.

И так анимация появления у нас готова, если на временной шкале проиграть её, то мы увидим что она плавно появляется с 1 по 150 кадр. Далее нам надо сделать затухание.
Выделяем 300 кадр, жмём правой кнопкой мыши , вставляем Ключевой кадр, далее выделяем 151 кадр, и добавляем классическую анимацию движения, потом выделяем 300 кадр ,далее выделяем наш текст и в настройках стиля ставим Альфа канал на 0% так как к 300 кадру текст должен исчезать. Всё анимация готова, просматриваем и радуемся. Теперь нам надо всё подготовить для экспорта в UDK.

1. Жмём вкладку Библиотека в правом верхнем углу
2. Жмём два раза на иконку нашего текста
3. Стираем .png (это делать для всех файлов в дальнейшем) и меняем имя на textcapture (а то будет жаловаться на то что такое имя уже занято)
4. Разрешаем сглаживание
5. Ставим без потерь

Далее переходим в вкладку ActionScript ставим галочку на экспорт в ActionScript, все нужные поля заполнятся сами, жмём ОК.

Далее нам необходимо сделать так что бы анимация не повторялась, для этого необходимо выделить последний кадр (300) нажать правой кнопкой и выбрать Действия, откроется окно в которое нужно вставить следующий текст:
stop();

Далее закрываем окно действия, осталось только экспортировать наш файл в swf формат.
Жмём Файл – Экспортировать – Экспортировать ролик, выбираем имя и формат swf , имя должно быть английским к примеру IntroText.
Всё наша анимация готова.
Заходим в UDK ,думаю как импортировать в UDK описывать не надо, напоминаю что все swf файлы должны находиться по пути UDK\UDKGame\Flash\ тут у меня создана папка SA поэтому у меня путь выглядит так UDK\UDKGame\Flash\SA\ IntroText.swf
Импортируем в UDK и заходим в кисмет.
И делаем такую схему

В поле Movie надо вставить наш файл, выделяем его в контент браузере и жмём зелёную стрелочку в поле Movie.
Так же необходимо настроить чрез сколько появится этот ролик. Жмём правой кнопкой на кубике нашего Open GFx Movie (кубик к которому присоединяется стрелочка) и выбираем Set Activate Delay, выставляем нужное время

Всё, сохраняем и просматриваем ролик, далее добавляем музыку, предварительно конвертировав её в wav формат, так как UDK дружит только с ним. Импортируем нашу музыку , жмём правой кнопкой рядом с ней и делаем новый Sound Cue, выбираем нашу музыку в окне контент браузера и в редакторе Sound Cue жмём правой кнопкой и выбираем SoundNodeWave: тут будет название вашей песни.
Присоединяем к буферу слева и закрываем редактор. Теперь можно сохранять пак в который мы всё импортировали снова заходить в кисмет.

Выделяем наш SounCue который мы только что создали и в кисмете жмём правой кнопкой и выбираем New Action – Sound – Play Sound , тут вставляем нашу музыку сделаную в SoundCue (где зелёная стрелочка в вкладке Sound) и присоединяем к Level Loaded. Всё. Смотрим и радуемся.

Для вставки видео нет ни чего сложного, нам просто необходимо его вставить в Adobe Flash (только предварительно сконвертируете его в формат FLV) и всё, экспортируете весь ролик, таким же образом как и текст, далее всё то же что и с текстом, в кисмет, задержку. Звук прийдётся отдельно подключать, так как в swf файл не вставляет звук из видео, хотя может я что-то не так делал.
Всем удачи и бурной фантазии.