Но если вкратце, то sliseX: 12 и sliseY: 12 это количество квадратов на которые делится спрайтлист. Если откроете спрайт лист в редакторе спрайтов например в pixel studio, то увидите что размер холста равен 960*960 пикселей, а казино одного квадрата со спрайтом 80*80. А 960/80 = 12, это и пишем в sliseX и sliseY.
Далее анимации idle, walk и т.д. from to это номер спрайта в спрайт листе они пронумерованы слева направо сверху вниз начиная с 0. В вашем случае анимация покоя idle длится 8 первых кадров то есть с 0 по 7 включительно в коде это from: 0, to: 7, скорость speed это количество кадров в секунду её можно менять как захотите, я решил поставить 5, и последнее зациклена ли наша анимация или нет, анимации у меня зациклены все анимации кроме ударов. Надеюсь вы понимаете почему.
Ниже код для загрузки спрайтов, вставлять в самое начало сразу после строчки kaboom()
loadSprite("moth", "/sprite_list.png", {
sliceX: 12,
sliceY: 12,
anims: {
"idle": {
from: 0,
to: 7,
speed: 5,
loop: true,
},
"walk": {
from: 8,
to: 11,
speed: 10,
loop: true,
},
"fly": {
from: 12,
to: 15,
speed: 8,
loop: true,
},
"cut": {
from: 16,
to: 20,
speed: 15,
loop: false,
},
"jump": {
from: 21,
to: 25,
speed: 10,
loop: false,
},
"bigCut": {
from: 32,
to: 39,
speed: 20,
loop: false,
},
"bigCutSide": {
from: 40,
to: 47,
speed: 20,
loop: false,
},
"effect": {
from: 48,
to: 51,
speed: 5,
loop: true,
},
"bite": {
from: 52,
to: 59,
speed: 20,
loop: false,
},
"biteSide": {
from: 60,
to: 67,
speed: 20,
loop: false,
},
},
})