Где лучше рисовать покадровую анимацию для 2D игр?

Question

[Игорь Самохин]

Здравствуйте,

мы раньше рисовали анимацию во flash. Сейчас в связи со скорым отказом веба от flash возникает вопрос: в каких программах можно нарисовать качественную анимацию? Я имею ввиду, чтобы в итоге в анимации не были заметны прыжки между кадрами.

Надеюсь объяснил понятно. Заранее спасибо за ответы!

Comments

[Alexey]

Можно же рисовать в Adobe Animate (бывший Flash), но сохранять не во флеш-формате.
В HTML5, например.

Answer 1

[Дмитрий Александров]

Тут для начала определитесь покадровую или скелетную .
Покадровая заставит вас именно рисовать каждый кадр и в зависимости от числа кадров и будет ее плавность. Рисуйте в чем удобнее.
Скелетная(чаще всего еще и мешовая в 2д) заставит сначала нацепить на кости нужные текстуры\спрайты а затем анимировать уже именно кости. Как правило присутсвует интерполяция. Т.е. вместо анимирования 30 кадров прямого движения можно анимировать ключ 1 и 30 кадра а все что между будет интерполировано автоматом. Из софта нынче один из популярных это Spine2D animation

Comments

[Игорь Самохин]

А если мне нужно заанимировать предмет? Например появление кольца на подушечке, или появление сигары и ее подкуривание?

[Дмитрий Александров]

Игорь Самохин, Тут уже насколько хорошо поддержка того или иного формата реализована в движке. Как правило минимально будет управление rgba каналами которые были заданы в анимации. К примеру огонь сигареты будет пульсировать за счет управления альфа каналом огонька. Проще посмотрите ролики по spine типа этого https://www.youtube.com/watch?v=MEcXKh9A98g

[Игорь Самохин]

Дмитрий Александров, посмотрю, спасибо. В общем в случае с 2d анимацией предметов чаще всего нужно рисовать именно каждый кадр? И на глаз смотреть, чтобы в анимации не было дерганий?

[Дмитрий Александров]

Игорь Самохин, Все зависит от реализации. Я в своем проекте самопальный редактор анимаций сделал в котором интерполирую число кадров под фпс.

[Игорь Самохин]

Дмитрий Александров, можете сказать на примере вот этой анимации https://drive.google.com/open?id=0B2FBqxTaBNp4ZlVR... - ее можно сделать плавнее, лучше в программе Spine2D animation?

Текущий вариант это просто покадровая отрисовка

[Дмитрий Александров]

Игорь Самохин, Запросто.

[Дмитрий]

Помимо Spine можно также посмотреть на бесплатный DragonBones и Creature Animation. Есть и другие варианты, но тут нужно знать специфику требуемой работы.

[Игорь Самохин]

Дмитрий, https://drive.google.com/file/d/0B2FBqxTaBNp4ZlVRM... - вот пример того, что мы рисуем:)

[Дмитрий]

Игорь Самохин, Там нужно гораздо глубже смотреть. Например, нужно смотреть специфику движка, в котором будет использоваться результат. Размеры анимаций (как разрешение, так и количество кадров). Количество одновременно воспроизводимых анимаций. Платформы, на которых это всё будет работать. Тип требуемой графики (вектор/растр/пиксель арт). И много других вещей, которые могут быть важны в некоторых случаях и не важны в других. То, что вы прислали - да, вышеупомянутые варианты вполне подойдут для этого и результат будет гораздо лучше.

[Игорь Самохин]

Дмитрий, понял, спасибо!

Answer 2

[Rodiosha]

Adobe After Effect, Edge Animate - PC
Hype, Principle - Mac

https://www.youtube.com/watch?v=ll2raex7_CI (на 29 минуте про это дело)

Comments

[Игорь Самохин]

Смотрю видео, там анимация элементов сайта рассматривается, а мне нужно анимировать вот такие 2d элементы - https://drive.google.com/file/d/0B2FBqxTaBNp4ZlVRM... (это крылья, которые подрагивают от ветра. Только не очень плавно получилось:( )