Я хочу сделать анимацию с использованием нескольких изображений в Phaser 3
preload() {
const reel_bar = ['bar_00', 'bar_01', 'bar_02', 'bar_03', 'bar_04', 'bar_05', 'bar_06',
'bar_07', 'bar_08', 'bar_09', 'bar_11','bar_12', 'bar_13', 'bar_14', 'bar_15',
'bar_16', 'bar_17']
reel_bar.forEach(img => {
this.load.image(img, `assets/img/Reel/bar/${img}.png`)
})
Я читаю изображения вот так.
scene.anims.create({
key: 'snooze',
frames: [
{ key: 'bar_00' },
{ key: 'bar_01' },
{ key: 'bar_02' },
{ key: 'bar_03' },
{ key: 'bar_04' },
{ key: 'bar_05' },
{ key: 'bar_06' },
{ key: 'bar_07' },
{ key: 'bar_08' },
{ key: 'bar_09' },
{ key: 'bar_11' },
{ key: 'bar_12' },
{ key: 'bar_13' },
{ key: 'bar_14' },
{ key: 'bar_15' },
{ key: 'bar_16' },
{ key: 'bar_17' }
],
frameRate: 8,
repeat: -1
});
scene.add.sprite(400, 300, 'bar_00').play('snooze');
Это для анимации.
Но это говорит о том, что
"ОШИБКА в / var / www/html/phaser/phaser3-game/src/scripts/objects/phaserLogo.ts (15,9) TS2322: Тип '{key: string;} []' нельзя назначить типу 'AnimationFrame []'. Свойство 'frame' отсутствует в типе '{key: string;}', но требуется в типе 'AnimationFrame'. Errors @ vendors.bundle. js: 221469 "
Не могли бы вы помочь мне