661

Простая анимация бега

Оригинал:

Простая анимация бега Pixel art, Руководство, Перевод, Saint11, Gamedev, Гифка

"И снова привет!


Похоже, что люди уже давно жаждут руководство по анимации ходьбы/бега, поэтому сегодня это и будет темой разговора. Ходьба/бег – тема довольно сложная, но я постарался изложить её как можно проще. Я планирую развить эту тему в дальнейшем и объяснить нюансы отдельных частей, вроде движений рук, ног, головы и т.д.


Мой совет всем желающим научиться анимировать бег/ходьбу: обращайте внимание на движения головы. Даже если руки и ноги двигаются не очень хорошо, качественное движение головы может исправить положение.



А теперь поговорим о том, почему я выбрал именно такой цикл бега. Полагаю, многим не понравится мой «прыжковый» кадр и предпочтут использовать какой-нибудь «сменный» кадр вроде такого:

Простая анимация бега Pixel art, Руководство, Перевод, Saint11, Gamedev, Гифка

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


К тому же, если первый кадр анимации – прыжок, то создается ощущение, что персонаж ринулся в действие, что делает анимацию более динамичной." - Saint 11

Дубликаты не найдены

+21
раскрыть ветку 1
+2

Help Me Dr. Dick

+5
Не поверишь!!! Как зарегистрировался тут, так только этого и ждал!!! Спасибо!!!
раскрыть ветку 1
0

Какой терпеливый. Почти 3 года:)

0

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

Частные уроки не даешь случаем?

раскрыть ветку 1
0

а блин, это не твой материал(

0
Комментарий удален. Причина: повторяющийся комментарий или комментарий содержащий информацию рекламного характера.
0

при 16 фпс даже пыль отрисовывается)

0

отличный пример) как всегда сохранил на будущее)

0
Залип
0

На JS такое можно написать?
Точнее, как бы это выглядело?

раскрыть ветку 2
+2

Через элемент canvas на HTML5 и JS для определения обновления кадра - легко. Если английский позволяет - вот инструкция: http://www.williammalone.com/articles/create-html5-canvas-ja...

раскрыть ветку 1
0

Спасибо

Похожие посты
Возможно, вас заинтересуют другие посты по тегам: