Sinopec-Anxin/src/app/pages/plan/plan.component.ts

import { Component, ElementRef, OnInit } from '@angular/core';
import { Game } from 'src/app/babylon/game';

@Component({
  selector: 'app-plan',
  templateUrl: './plan.component.html',
  styleUrls: ['./plan.component.scss']
})
export class PlanComponent implements OnInit {

  constructor(private element: ElementRef,) { }

  static instance: PlanComponent;
  public game: Game = new Game();
  public canvas: HTMLCanvasElement; //canvas 实例

  ngOnInit(): void {
    PlanComponent.instance = this;
    this.canvas = this.element.nativeElement.querySelector('#center') as HTMLCanvasElement;
    this.game.init(this.canvas);
  }

  ngOnDestroy(): void { //组件销毁前 销毁canvas
    this.game.dispose();
    this.game = null;
  }

}