Как собрать анимацию из кусков с JS?

Question

[nepster-web]

Давно зрела мысля сделать небольшую браузерную игру, вот пытаюсь залезть в тему gamedev.
Изначально была идея сделать анимацию построенную на спрайтах:



Тут особо с проблемами не столкнулся, однако очень поплыл на идее о том, как кастомизировать персонажа (к примеру поменять вещи, оружие, усы и тп).

Тогда пришел к тому, что персонаж может состоять из отдельных частей:



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

Comments

[Владимир]

Не специалист, но гуглится вот это
https://medium.com/@kestrelm/2d-skeletal-animation...

[Ice]

Можно собирать json действий в массив данных и выполнять
разбить на view c описанием и conroller который будет выполнять.

Answer 1

[profesor08]

Вместо одной картинки, подменять несколько картинок разом. В чем тут сложность?

Comments

[nepster-web]

Сложность в том, что огромное кол-во комбинаций картинок выходит.

[profesor08]

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

[nepster-web]

profesor08, Это весьма солидная трата человека часов

[profesor08]

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