множественная загрузка SVG и анимация с Angular и фазером - PullRequest
Новая
       73

множественная загрузка SVG и анимация с Angular и фазером

0 голосов
/ 02 мая 2020

Я новичок в Phaser js, и в одном из моих проектов я использовал Phaser с приложениями angular, но не смог увидеть изображение SVG после выполнения этих следующих шагов. Я использую "phaser": "^ 3.22.0", и некоторые изменения уже были сделаны, например, добавление ./node_modules/phaser/dist/phaser.min.js в раздел сценариев angular. json.

Я хочу загрузить несколько файлов SVG и хочу, чтобы фрейм-анимация создала целевую страницу.

, пожалуйста, помогите. 

import { Component, OnInit } from '@angular/core';
import Phaser from 'phaser';

@Component({
  selector: 'app-game',
  templateUrl: './game.component.html',
  styleUrls: ['./game.component.scss']
})
export class GameComponent implements OnInit {
  phaserGame: Phaser.Game;
  config: Phaser.Types.Core.GameConfig;

  


  constructor() {
    this.config = {
      type: Phaser.AUTO,
      width: 400,
      height: 500,
      parent: 'gameContainer',
      scene: [MainScene]
    };
  }

ngOnInit() {
  this.phaserGame = new Phaser.Game(this.config);
}

}

class MainScene extends Phaser.Scene {
  constructor() {
    super({ key: 'main' });
  }
  create() {
    console.log('create method');
    // this.load.svg('astronauts', 'assets/images/astronauts.svg');
  }
  preload() {
    console.log('preload method');
    this.load.svg('astronauts', 'assets/images/astronauts.svg');
  }
  update() {
    this.add.image(40, 30, 'astronauts');
  }
}
<div id="gameContainer"></div>
...