Flash уроки (вихідні коди)

Привіт, сьогодні я розповім вам про псевдо-3d анімації персонажів на прикладі нашої гри .

нашої гри

1. Отже, в грі у нас є маленькі милі курчата, які крутяться в різні боки, коли їх підкидають в повітря. коли перед нами стояло завдання зробити подібну анімацію ми відразу ж подумали про використання 3д моделі. але потім порахували витрати і вирішили обійтися малою кров'ю.

в якості основної форми для курчат був обраний коло, т.к він не змінює своєї форми, в яку б сторону його не повернуть. самі курчата у нас відрізнялися тільки очима і зачісками, значить інші елементи у нас були незмінні.

2. персонаж був проаналізований і розбитий на складові, як ви бачите на другому слайді флешки. планувалося зааніміровать курчати так, щоб не використовувати покадровую анімацію, а для зачіски і очей використовувати виключно motion tween, щоб потім з легкістю заміняти їх.

3. тіло відразу ж я винесла в окремий символ, тому що якби довелося його обертати разом з курчам, відблиск і тінь теж оберталися б, а нам цього не потрібно.

4. далі я зробила анімацію кожної частини тіла курчати навколо осі x з додаванням масок.
т.к це не реальна 3д анімація, а псевдо, то ми насамперед визначаємо ключові позиції повороту курчати. в нашому випадку їх 4: основне положення, коли курча дивиться на нас і ще 3 з кроком 90 градусів. начерки цих положень ви бачите на відповідному слайді.

виходячи з цих основних позицій робимо проміжну анімацію. в нашому випадку за допомогою анімації motion і спотворення складових елементів. при цьому пам'ятаємо, що тіло у нас буде перебувати нижче, тому коли якийсь елемент повинен знаходитися за тілом, ми вдаємося до допомоги маски.

нижче представлений скріншот таймлайна даного символу (по кліку збільшується)
нижче представлений скріншот таймлайна даного символу (по кліку збільшується)

5. ось власне як виглядає анімація кожного елемента тіла.
да, анімація не ідеальна, при анімації кадру можна було б домогтися кращого результату, але курчатка досить маленькі, щоб було видно ці похибки. тим більше під час гри вони так швидко крутяться і літають, що цього не помітно.

6. отже, анімація в одному напрямку зроблено. тепер зробимо звичайну motion анімацію нашого мучіка з обертовим курчам щодо центру мувікліпа з параметром rotate (друга позиція в 5-м слайді, якщо не зовсім зрозуміло висловилася).
в результаті поєднання цих двох анімація у нас виходить повноцінна імітація 3D анімації.

7. природно в грі все повороти вправо і вліво робляться програмно, а також перша анімація (поворот навколо себе) сповільнюється і прискорюється теж програмно.
з усіх нюансів програмування цих персонажів ви можете проконсультуватися у сантёра , Який власне їх і програмував.

а для того, щоб вам легше було в усьому розібратися, викладаю исходник цієї справи:
завантажити

до речі якщо у вас є акаунт на facebook , запрошую приєднатися до цієї гри . там тепер є таблиці рекордів, а незабаром з'явиться генератор аватарок-курчат до речі якщо у вас є акаунт на   facebook   , запрошую   приєднатися до цієї гри

Дополнительная информация

rss
Карта