Спрайты

Спрайты - это базовые графические элементы, используемые WME. Спрайт может быть либо статическим изображением, либо анимацией. Если статическое изображение может быть создано в любом графическом редакторе, создание анимированных спрайтов - более сложный процесс. Анимированный спрайт - это набор изображений, которые сменяют друг друга через заданный интервал времени.

Среда разработки Wintermute Engine включает в себя утилиту для создания анимированных спрайтов - SpriteEdit. Программа SpriteEdit позволяет Вам связывать вместе несколько статических изображений (анимационных кадров) в одну анимацию и задавать различные свойства для неё. Вы также можете привязать звуковые файлы к определённым кадрам.

Анимационный кадр не ограничивается только одним изображением. Вы можете составить его из нескольких картинок - подкадров (subframes). Как правило это не требуется, но иногда бывает полезным. Например, давайте представим, что у Вас есть анимация идущего человека. Теперь Вам нужно, чтобы он одел шляпу. Вместо того, чтоб перерисовывать все кадры, Вы можете просто нарисовать шляпу и добавить в качестве подкадра ко всем имеющимся кадрам. Конечно, это не самый лучший пример, но Вы можете найти более интересное применение подкадрам.

Самый простой способ создать спрайт - воспользоваться шаблоном в программе ProjectMan (подробнее), тем не менее Вы можете создать его с нуля в программе SpriteEdit.

SpriteEdit может быть вызвана двойным щелчком на файле спрайта в программе ProjectMan или нажатием на значок SpriteEdit.

 

Интерфейс программы SpriteEdit

Интерфейс программы SpriteEdit доступен и прост. Меню спрайтов слева отображает информацию о Вашей анимации и позволяет задавать её свойства.

Это меню позволяет изменять позицию внутри спрайта или протестировать анимацию (кнопка «Пуск» («Play»)). С помощью зелёных стрелок Вы можете изменить порядок анимационных кадров (фреймов) или подкадров. Флажок повторения (looping) задаёт циклическую анимацию, т.е. после вывода последнего кадра анимация не останавливается, а повторяется с первого кадра.

Последняя группа кнопок позволяет соответственно добавлять кадры и подкадры либо удалять их.


Совет

Вы можете выбирать несколько файлов в диалоговом окне добавления кадров («Add frame(s)»). 

Ниже меню находится список всех кадров, которые составляют анимацию.

Меню свойств кадра («Frame properties») позволяет задавать индивидуальные настройки для каждого кадра (или подкадра).


Совет

Можно назначить несколько свойств сразу всем кадрам, нажав кнопку «Применить ко всем кадрам» («Apply to all frames»). 

 

Выбрав вкладку «Свойства» («Properties»), Вы можете задать свойства всей анимации.

 

Ещё одной полезной функцией программы SpriteEdit является возможность устанавливать фоновое изображение для анимации. Эта функция только для разработки. Она может использоваться, к примеру, чтобы подогнать анимацию к конкретному фоновому изображению в игре. Чтобы задать фон для анимации выберите пункт меню «Вид» («View»), затем «Фоновое изображение...» («Background image...»). Появится диалоговое окно, в котором можно выбрать файл изображения, его смещение (это позволяет позиционировать спрайт относительно него) и прозрачность.