Как сделать анимацию в Phaser 3? - PullRequest
0 голосов
/ 07 марта 2020

Я хочу сделать анимацию с использованием нескольких изображений в 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 "

Не могли бы вы помочь мне

...