Как сделать графику 2D в игре (программы, методика)?

Question

[Евгений Иванов]

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

1) Качественные изображения.
Вот нога (это пример просьба не падать от смеха под стол)

Нарисовал в фотошопе. Как вы видите, часть линий не точные, смазанные.
Вопрос - для рисования графики в играх нужно использовать фотошоп и стараться улучшить графику используя инструменты для работы с векторной графикой? Или лучше отрисовывать финальный результат в иллюстраторе?
Возможно, нужно изначально рисовать в иллюстраторе? Как лучше, как это делается?

2) Качественная анимация.
Использую DragonBonesPro. 2D скелетная анимация. Всё делаю стандартно.
Мне надо анимировать ногу - её движение.

Вот первый вариант - нога целым куском. Привязал все кости к ноге.

Нога изогнулась, "разрезы" бедра с голенью не видно т.к. это одна картинка.
Нога деформировалась, потеряла форму. Не красиво.

Вот второй вариант - нога из 3х кусков.

Нога изогнулась, "разрезы" бедра с голенью и стопой видно т.к. это несколько картинок.
Разрезы - не красиво. Но нога не потеряла форму.

Устраним разрезы смещением деталей. Обычно изначально рисуют каждую деталь анимации "чуть больше" - для наложения на другую деталь.
А потом накладывают их в нужном порядке, каждую поверх друг друга.

Разрезов нет, форма сохранена, но вот линии уже не правильные.
Изначально бедро не должно было попадать на голень.
Итого и первый вариант плох и второй и третий не очень. Есть ли тут решение?

Answer 1

[Algoritm_00]

Привет, слушай для начала тебе бы уйти с драгон бонс и перейти в Spriter. Если ты начинающий то он тебе больше подойдёт, там всё более просто и не требует спец навыков. Разобраться легко, я если что могу даже объяснить в Discord. И кстати, посмотри канал "Флатинго" (не реклама) там ты узнаешь о векторе, мне кажется что он симпотнее и проще чем флеш.

Comments

[Евгений Иванов]

Мне очень понравился DragonBones. А перед ним я попробовал Spine, Creature, Adobe Animate CC.
Лично для меня DragonBones интуитивно понятен. Там есть линейки, направляющие - часть фишек они перетянули туда из Spine. Пока нет желания уходить.

Answer 2

[rPman]

Делайте ногу из однотонных примитивов, а контур дорисовывайте уже потом по итоговому их объединению.

Вполне возможно что весь сыр бор у вас понадобится исключительно в области шарниров, во всех остальных местах можно обойтись просто картинками.

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

Comments

[Евгений Иванов]

Не очень понятно про "делайте ногу из однотонных примитивов а контур дорисовывайте уже потом".
Мне нужно анимировать картинку.
Я не могу ничего нарисовать в DragonBones. Но могу там анимировать.
Я могу дорисовывать в фотошоп. Но нормально анимировать там вроде нельзя.
Поэтому обычно рисуют в редакторе, импортируют в DragonBones/Spriter/Creature/Adobe Animate и там анимируют. На выходе получают видео или набор png спрайтов. Вроде как то так.

Правильно ли я понял, что вы предлагаете сделать рисунок без контура, анимировать его, а контур дорисовать в графическом редакторе? Это долго.
Легче тогда делать покадровую анимацию, а не скелетную.

Насчет описания картинки как векторной - такого я пока не встречал. Обычно загружают растровые спрайты. Попробовал загрузить в DragonBones svg "картинку". Всё загрузилось, но работать с ней нельзя. Ни кость привязать, ни сетку исправить. А с растровым изображением можно.

[rPman]

я подумал что вы сами все рисуете
если используете готовые инструменты, то и ограничения на вас будут их же.

с интересом жду ответов в вашей теме ;)

Answer 3

[Армянское Радио]

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

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