Як створити шімеджіка, розбір дій - shimeji collection

Пропоную ще раз розібрати тему «Як намалювати свого шімеджіка». Візьмемо для прикладу шімеджікі Squalo_01 з Katekyo Hitman Reborn і Byakuya_01 з Bleach.
Спробуємо розібрати файли в папці conf. Візьмемо англійську версію з shimeji-ee, так буде простіше =)
Відкрити xml файл можна, використовуючи, наприклад, Notepad ++. Або будь-який браузер, але він не дозволить подивитися нумерацію рядків і не дозволить редагувати файл. Тому я рекомендую використовувати Notepad ++
Почнемо з файлу actions.xml або # 21205; # 20316; .xml. Це той файл, який більше важить. У ньому описано яким чином шімеджік виконує різні дії, тобто які саме зображення він використовує для цього і яким чином ці зображення переміщаються. Сподіваюся, в формулюванні я не помилилася =).
Зображення звичайного шімеджіка має 128 пікселів у висоту і стільки ж в довжину. Якщо потрібно зображення іншого розміру, доведеться коригувати файл з настройками.
Кілька перших рядків виглядає так:

Перша дія - Stand.
Використовує файл shime1.png
Як зрозуміло з назви, шімеджік тут просто варто.
Як це виглядає на прикладах:

Виглядає він приблизно так:

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

Потім, дія Walk.
Використовує зображення: shime1 - shime2 - shime1 - shime3

Дія Run практично не відрізняється від Walk. Воно використовує ті ж кадри, але їх швидкість в три рази вище (Duration = "2") і зображення переміщається на 4 пікселя замість двох при ходьбі (Velocity = "- 4,0")
До речі, корисно. щоб анімація біжить шімеджіка відрізнялася від анімації йде, потрібно просто прописати в цьому рядку інші зображення.
Наприклад, шімеджік Хром.
Код її дії Run виглядає так:

Тут видно, що вона використовує кадри shime1 - shime47 - shime1 - shime1. Втім, імена не мають особливого значення, головне, щоб у них не заплутатися і правильно вказати у файлі налаштувань.
Ось як виглядає Хром йде і Хром біжучий

Прошу вибачення за те, що так багато Реборн. Просто ці шімеджікі мені здаються цілком симпатичними, так і з ними я вже розбиралася колись, уже знаю їх особливості і для прикладу довго шукати не потрібно =)
За ним йде Dash. Воно теж практично не відрізняється від ходьби або бігу, але переміщує шімеджік на 8 пікселів з кожним кадром. Такий трохи прискорений біг. Швидкість анімації така ж, як і при бігу.

Наступна дія - Sit.
Використовує зображення shime11.

Як зробити так, щоб шімеджік при цьому ще й кліпав, ви вже знаєте

Далі SitAndLookUp.
Використовує shime26.

SitAndLookAtMouse використовує той же кадр.
Наскільки я розумію, це зображення використовується, коли курсор знаходиться у верхній половині екрану. Коли курсор знаходиться в нижній половині екрану, використовується зображення shime11 (Condition = "#")
Найчастіше шімеджік використовує ці кадри після кліка по третьому рядку меню і команди підійти до курсора.

SitAndSpinHeadAction складається з послідовності shime26 - shime15 - shime26 - shime16 - shime28 - shime29 - shime11 і виглядає так:

Ця анімація, наскільки мені вдалося з'ясувати, використовується, коли шімеджік стежить за курсором. Періодично він використовує цю дію, а потім знову переходить в стан стеження за курсором.

SitWithLegsUp і SitWithLegsDown описують сидячого шімеджіка. Використовують зображення shime30 і shime31 відповідно.
SitWithLegsUp виглядає так:

А SitWithLegsDown так:

Прошу звернути увагу, що файл shime31 також є частиною анімації. Необхідно зробити таке зображення, щоб воно добре виглядало саме по собі і в анімації. Це на випадок, якщо ви нічого не хочете виправляти в файлі з настройками. Але ж ніхто не забороняє зробити окреме зображення для анімації, і окреме для сидячого шімеджіка, потрібно тільки правильно все вказати =)

А ось і вищезгадана анімація - SitAndDangleLegs. Шімеджік сидить і базікає ногами. Звичайно, можна зробити все, що завгодно, наприклад, Новомосковскющего книгу або п'є чай.
Дія використовує зображення shime31 - shime32 - shime33 - shime31 і виглядає наступним чином:

Зробивши цю дію кілька разів, шімеджік встає і перестає стежити за курсором.

Потім, Sprawl. Складається з зображення shime21.

Це зображення використовується ще в двох діях - коли шімеджік приземляється на землю і коли він повзає.

Досить цікаве дію Creep. shime20 - shime20 - shime21 - shime21 - shime21
Кадри одні й ті ж, але у них різна тривалість і відстань, на яке шімеджік переміщається. Анімація Бьякуя виглядає так:

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

1.12сек. Зображення shime21 тривають

0.16сек, перші два переміщують картинку на 8 пікселів, третє на чотири. (Хоча в файлі написано 2 і 1, на мій погляд, кожне значення тут потрібно збільшувати в чотири рази). Останнє зображення shime20 триває 0.96сек і також залишається на місці.
Виглядає Скуало при цьому приблизно ось так:

Дія повторюється поки йому не набридне.

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

Прошу звернути увагу на те, що «стелю» знаходиться приблизно на рівні рук Скуало або Бьякуя. Частина голови при цьому не видно. Не потрібно малювати руки біля верхньої межі зображення, думаючи, що цим краєм воно кріпиться до стелі. Зображення обрізається якраз приблизно на рівні намальованих у цих шімеджіков рук. Голова стає видно тоді, коли шімеджік повзе по низу вікна браузера, але при цьому він чіпляється за нього руками, а не верхівкою. Просто намалюйте руки на тому ж рівні =)

ClimbCeiling. Шімеджік повзе біля верхньої межі екрану. shime25 - shime25 - shime23 - shime24 - shime24 - shime24 - shime23 - shime25.
Тривалість показу зображення і відстань, на яке при цьому переміщається шімеджік можна подивитися у файлі з настройками.