Бесплатный Spine! или как пользоваться экспортером DragonBones в GMS

[MusNik]

Использование DragonBones в GameMaker: Studio

DragonBones — бесплатное решение для 2D скелетной анимации с открытым исходным кодом.

Скелетная анимация в играх — способ анимации, позволяющий использовать статичные части изображения и анимировать их программно путём перекладки (изменения положения, размера, поворота, цвета, прозрачности, формы объекта), вместо множества кадров. Позволяют уменьшить размер дистрибутива и снять нагрузку с графического ядра, но требуют больше вычислений на стороне процессора. В скелетной анимации существует множество понятий, таких как: кость, слот, скин, граф, меш, инверсная кинематика, кинематическая пара, констрейнт, направляющая, переход и прочее — описание которых должна занимать целая отдельная статья, но здесь мы почти не будем их затрагивать. Соответствующие материалы можно найти или дождаться пока кто-то напишет подобную статью здесь. Посмотреть на преимущества костной анимации над покадровой и её возможности можно по этой ссылке: http://ru.esotericsoftware.com/spine-demos.

Бесплатный Spine! или как пользоваться экспортером DragonBones в GMS

GameMaker: Studio (1 и 2) на данный момент позволяют работать со скелетной анимацией только в формате Spine, аналогичной программе с ценником в 300 долларов за полную версию. Функционал достигается функциями skeleton_*, прочитать о них можно здесь и здесь.

Как известно, в DragonBones, начиная с версии 4.9.5, появилась возможность официально экспортировать проект в формат Spine, помимо собственного. Использование с GameMaker: Studio возможно, но с определённой подготовкой.

Создание проекта DragonBones

Бесплатный Spine! или как пользоваться экспортером DragonBones в GMS

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

Бесплатный Spine! или как пользоваться экспортером DragonBones в GMS

Бесплатный Spine! или как пользоваться экспортером DragonBones в GMS

Бесплатный Spine! или как пользоваться экспортером DragonBones в GMS

По какой-то причине, стандартные примеры анимаций, входящие в комплект с DragonBones, не работают в GameMaker, поэтому для теста мы будем создавать проект с нуля. Вдаваться в подробности не буду, укажу лишь, что я загрузил изображение, создал меш, добавил костей, привязал меш к костям и добавил инверсную кинематику. Флаг далее был анимирован.

Экспорт проекта DragonBones

Бесплатный Spine! или как пользоваться экспортером DragonBones в GMS

Отправляемся в File > Export... и в левой части появившегося окна экспорта выбираем Type > Spine. Там можно настроить текстурные атласы и масштабирование, но я оставил всё как есть.

Совместимость Data Version:

• GameMaker: Studio 1.4 — следует выбирать версию 3.3
• GameMaker: Studio Early Acces — следует выбирать версию 3.3
• GameMaker: Studio 2 — следует выбирать версию 3.3

Подготовка проекта к импорту

Бесплатный Spine! или как пользоваться экспортером DragonBones в GMS

В папке, которую мы указали при импорте, теперь будет лежать три файла, как и положено — основной .json с анимацией и всеми установками, .png с текстурой и файл .atlas для "раскройки" этой текстуры. Однако, в текущем состоянии анимации не смогут загрузится ни во одну версию GMS, для этого необходимо сделать некоторые корректировки.

Прежде всего, имя файла .atlas должен совпадать с именем файла .json, то есть необходимо переименовать файл .atlas, убрав из его имени постфикс _tex. В итоге, файлы должны выглядеть так:

Следующим шагом будет редактирование файла .json. Необходимо найти ключ "skeleton" и полностью удалить его содержимое. Это сделает возможным использование файлов в GMS.

Для автоматизации этого процесса можно воспользоваться моей утилитой. Консольное приложение необходимо класть в папку с экспортированным проектом. Скачать: https://yadi.sk/d/KVMBY_m-3L2w7b.

Импорт в GameMaker: Studio

Бесплатный Spine! или как пользоваться экспортером DragonBones в GMS

Загрузка в GameMaker: Studio — необходимо создать новый спрайт, нажать Load Sprite и загрузить .json файл из папки проекта.

Загрузка в GameMaker: Studio 2 — необходимо создать новый спрайт, нажать Import и загрузить .json файл из папки проекта.

Далее установить этот спрайт для объекта и теперь проект можно протестировать. Вам станут доступны все skeleton_* функции. Обратите внимание на совместимость Data Version с различными версиями GMS из раздела "Экспорт проекта"!

Бесплатный Spine! или как пользоваться экспортером DragonBones в GMS

Весь функционал, использовавшийся при создании анимации, работает, а конкретно: меши, анимация меша, привязка меша к костям и инверсная кинематика.


Полезные ресурсы:

• Видеоуроки по DragonBones [RUS]
• Видеоуроки по Spine [RUS]
• Видеоуроки по DragonBones [ENG]
• Видеоуроки по Spine [ENG]
• Spine Tips for GameMaker: Studio [ENG]
• Ассет для поддержки Spine Events в GameMaker: Studio

[Jesus_3k]

Спасибо за труд, мюсник.

[SilentPhil]

Ох, нужно поковыряться в этих костях, может к пиксель арту получится их прикрутить по красивому.

[Jesus_3k]

Ох, нужно поковыряться в этих костях, может к пиксель арту получится их прикрутить по красивому.

Вполне себе, поковыряй обязательно. В случае с пикселем конечно придется все равно много дорисовывать, но процесс немного ускорится.
На мой взгляд особенно привлекательно использовать кости для процедурных дополнений к твоим анимациям. Как пример процедурной:

Например в твоем платформере на конкурс, можно сделать процедурный шарфик будет задорно и приятно.

[Gamedel]

Молодец)

[SilentPhil]

Ох, нужно поковыряться в этих костях, может к пиксель арту получится их прикрутить по красивому.

Вполне себе, поковыряй обязательно. В случае с пикселем конечно придется все равно много дорисовывать, но процесс немного ускорится.
На мой взгляд особенно привлекательно использовать кости для процедурных дополнений к твоим анимациям. Как пример процедурной:

Например в твоем платформере на конкурс, можно сделать процедурный шарфик будет задорно и приятно.

Ну на этот проект уже вряд ли успею таки украшательства навесить, но на заметку возьму, спасибо :)
Гифка здоровская (тоже так хочу :D)

[AlexBel]

Всем привет.

Скачал с сайта разработчика демонстрационный проект "Dragon", проэкспортировал согласно инструкции для GMS 1.4 (использовал 1.4.1763). Для того, чтобы скачать демо, пришлось пройти регистрацию, что было нелегко, учитывая надписи иероглифами. После экспорта и применения утилиты spineheal.exe результат был проимпортирован в GMS - отлично работает. К сообщению прикрепил архивы со скачанным демо и проект GMS (кнопки 1, 2, 3, 4 переключают анимацию).
Оказалось, что для экспорта требуется соединение с Интернет и авторизация. Без Интернет-соединения при экспорте не формируется файл *.json

MusNik, большое спасибо! Я как раз искал альтернативу Spine для использования в GMS скелетной анимации.

P.S. Прикрепил ещё один проект со скачанной анимацией

[Goo]

Хорошая статья. Почему не закрепил тему?

[AndrewVideoGames]

Хорошая статья. Почему не закрепил тему?

Закрепил, полезная статья.

[AlexBel]

Если кто-нибудь найдёт способ проэкспортировать анимацию в формат Spine без подключения к Интернет - сообщите, пожалуйста, как это можно сделать.

[luden]

Что-то не пашет. Утилита отрабатывает вроде без ошибок, по крайней мере я вижу как она сносит _tex. Но при попытке загрузить результат, пишет. что не валидная анимация.

[MusNik]

Какая версия гма? Скинь анимацию.

[AlexBel]

Dragon Bones Pro обновился до версии 5.3.0, в экспорте Spine 2.1 и 3.3. Пытаюсь сделать импорт в GMS2 версии 2.0.7, появляется сообщение:

Код:

Importing files to a sprite is not an undoable action. Do you want to continue?

После согласия на продолжение сообщение:

Код:

The file '../sprites/sprite0/6ca83099-06f1-440e-a8bc-dbfd315bcf0c.json' is not supported. See Compile Errors window.

У кого такие версии - попробуйте экспорт-импорт. В GMS 1.4 нормально было, а сейчас попробовал с второй версией - никак... :(

[sib_dip]

Господа, возникала проблемка при импорте в GMS 1.4 - случаем, никто не сталкивался? 

1) Так оно выглядит в DragonBones:


2) Так оно выглядит после импорта в GMS. Изменилось расстояние между элементами, а с анимацией всё в порядке:

[Timoxx]

Экспортирую анимацию в формате Spine 2.1 , использую утилиту на файлах, загружаю спрайт в GMS 1.4.1763 , при загрузке выдает ошибку:

????? ???? ????????? ? ????.
ERROR: json file is not a valid Spine animation...
       json data is malformed

В чем может быть дело?