Мне пришла идея сделать небольшой курс по анимации. Несколько последовательных уроков по анимации в играх. Совсем простой, так, для разогрева.
Пусть этот курс будет называться «анимация в играх, для самых маленьких», сокращённо FGA. Пусть этот курс будет состоять из 7 уроков и одного бонуса (сейчас я сверюсь с картой этого курса… да, точно — 7 уроков и один бонус).
Если бы курс начинался с чего-то другого, то это был бы явно курс не по «анимации в играх, для самых маленьких». Поэтому именно с этой темы я начинаю этот курс. С темы создания персонажа, так часто измучаемой мной. «А я то думал… будет что-то интересное и новое…» — можете сказать вы, это я могу комментировать только следующим образом — работайте с нами, делайте, творите, создавайте.
Пару постов назад (пару месяцев назад:), здесь писали точно по такой же теме, но есть и сегодня отличия. Сегодня я взял, и полностью окунулся в перекладку, да ещё и motion использовал… ну, стоп об этом. Смотрим дальше.
В курсе нам будет помогать Кот Ли. Сначала я думал нарисовать ему костюм, а-ля костюм Брюса Ли, но остановился только на полосках на плечах, ведь всё таки это кот-ниндзя. Именно Ли мы будем мучать в процессе получения знаний. Вуа-ля!
Значит, Ли можно рисовать простыми фигурами. Сейчас распишем, как это. А анимация идёт тоже перекладкой. И об этом напишу. Вообще, много придётся читать, так что сядьте поудобней, теперь так часто будет. Перед нами составной конструктор Ли. Каждой части тела — свои клипы. Ног у нас два типа, именно о них — ниже.
Перекладка — принцип в котором, каждый новый кадр, как правило, состоит из тех же фигур, что и предыдущий, только разве что, изменивших свои положения. Есть у меня и такие фигуры, которые меняют свои формы, но это только ноги. Сам цикл движения ноги состоит из двух разных фигур, чередующихся странным способом между собой.
Все части Ли рисуются на разных слоях(все знают как флешем пользоваться?). Голова на верхнем, ниже идут ближняя к нам лапа и нога, далее тело, далее хвост, и заключают перечень, слои в самом низу с лапой и ногой на заднем фоне.
Частота кадров у меня 24, и вообще, лучше сразу привыкнуть пользоваться только такой частотой кадров.
Почему перекладка так хороша? Ну, каждую часть тела мы конвертируем в объекты: мувиклипы или графику. Следовательно, вся анимация работает только с объектами, что значительно уменьшает размер исходника и получившегося файла. Да и моушины быстрее делаются, не нужно нажимать лишний раз F8)
Теперь о ходьбе.
Вот у нас есть ходьба. В целом, ходьбу можно рисовать только на интуитивном уровне. Особенно игровую. Если не верите, подойдите к зеркалу и посмотрите на свою походку. В ней есть что-то сложное? Ммм, не уверен, по-моему всё просто. Главное помнить: хвост, голова и даже тело(спасибо Lerika), должны двигаться. Реакция тела — это, вроде, так называется. Привожу пример скучной ходьбы при 8fps:
Так как Ли у нас — ниндзя кот, то спокойно он ходить точно не будет. Но вот носиться он будет как угарелый. Поэтому опуская неинтересности ходьбы, сразу переходим к бегу. На бег тратится 2 разных ноги, 8 кадров, по два кадра на одно положение ноги. Руки-лапы должны двигаться в противофазе к одноименной ноге-лапе, то есть, правая рука-лапа должна двигаться в том же направлении что и левая нога-лапа. 8fps:
Если тело ниндзи бежит, то оно должно слегка наклонятся. Амплитуда качания тела, головы и хвоста больше при беге, но кадров на неё расходуется в два раза меньше. На рисунке видно, что на качание головой требуется 10 кадров. Это при беге. При ходьбе кадров будет 20. Тоже самое получается в хвосте и теле.
При 24fps вот что получается (не забываем о тени под нашим героем):
А вот, что получается если сверху прикинуть motion tween, и заставить кота двигать телом в сторону счастья… Сразу теряются из вида некоторые ошибки и косяки движения.
Вопросы?
Будет очень хорошо, если читатели этого блога захотят поделиться с другими своими достижениями или примерами по этой теме. Я буду рад увидеть любые работы. Используйте файлохранилищи(типа narod.yandex.ru) для загрузки своих fla и swf.
Что касается меня, то я с радостью прокомментирую, восхищусь или найду что-то новое для себя в вашем творении. Мы все учимся. Так почему бы не перенимать опыт друг у друга и учиться вместе?
Вот так всё просто и без потерь энергии.
ps Кстати, запомните пароль: fgafirst
Чуть не забыл(спасибо Алексу) — исходник. В библиотеку можете не лазить, многое там не относится к этому топику.
Метки: game-dev, анимация, игра, начинающий, персонажи
Ммм. А вот зачем делать 20 кадров анимации головы, если в финальном варианте (бегущего кота) движения головы практически не видно?
статья – супер,
с нетерпением буду ждать следующей ))
Шикарно, спасибо.
Ksanter — если бы её не было, то она бы была прикреплена к мертвой точке. Тело бы качалось, а голова — нет. Она должна качаться, динамика нужна, даже в таком, кажущимся минимальным, варианте.
А там разве 20 кадров, а не 10? Столько кадров для плавности моушина.
и, кстати… как это не видно?:)
Понаблюдайте за котами, бегущими как ниндзи, у них головы качаются.
Buagaga и Elmortem, пароль запомнили?
Хороший котяра. Когда ему меч-помахайку выдадут?)
Меча, как такового, пока не будет — будут сюрикены:)
Bakame!
Какой пароль?
@Elmortem
В конце поста пароль.
Спасибо за полезную статью! А пароль зачем? :)
@Потокмысли, я рад, что вам понравилось.
пароль для входа на следующую статью, которая выйдет после 8 марта и после того, как я оклемаюсь.
Скоро начнется метание звездочек? :) Если при этом котяра будет выцеливать в мишень, высунув при этом язык, будет очень не смешно )
В FGA я не буду рассматривать эмоции персонажей, курс простой, так, для ознакомления.
Экшины от Ли будут через два урока FGA, то есть, в четвёртом(!)
извините если спрашиваю очевидные вещи – что такое FGA?
и зачем посты FGA защищать паролем?
Netouch, FGA(flash game animation) — курс по флеш-анимации для игр, начальный уровень.
Пароли чтобы отсеить тех, кто не хочет работать над собой.
Будут ли другие посты, кроме курсов? Будут, запороленные уроки будут выходить реже обычных постов.
Для тех, кто действительно хочет чему-то научиться, можно пройти курс FGA, потом будут ещё несколько курсов.
Система такая, чтобы получить пароль к очередному уроку, нужно сделать простейшее задание предыдущего(анимация или иллюстрация). Никаких особых знаний и девайсов. Нужен флеш, toonboom или любой другой софт, позволяющий создавать анимацию.
Благодарю за курс. Очень хочется научится рисовать во флеш и теперь, похоже, это стало возможным:).
Иван, выкладываю своё видео, очередное, через пару минут.
И, кстати, проходите курс. Возможно всё. Буду ждать от вас выполненных заданий)
Bakame! меня уже очень долго мучает такой вопрос, при рисовании какого-либо персонажа, вначале вы рисуете на планшете затем это изображение обводите линиями Безье или кистью. Или же вы все изображения рисуете мышью во флеше.
И ещё один вопрос: в этом блоге я встречал слова, в которых говорится о том, чтобы набить руку нужно ежедневно изрисовывать 30-40 листов. Это нужно рисовать во флеше или же просто карандашом на листе ??
goldliderе, я рисую всё сразу на планшете от компании Wacom. Работу, которую вы видите здесь, я рисовал тоже кистью, потом правил немного формы.
30-40 листов бумаги, естественно. Я от этого отошел немного, но это необходимый факт. Запаситесь терпением, мастерства приходит только с практикой. Как научится рисовать максимально быстро? Нужно рисовать много, очень много.
Честно сделала первый урок, не знаю куда послать файлы.
Ответьте, пожалуйста.
Пишите на почту moy [друг человека] murlyka.com
я вам послал письмо.