入门

https://developer.mozilla.org/zh-CN/docs/Games/Tutorials/2D_breakout_game_Phaser

https://github.com/photonstorm/phaser3-typescript-project-template

Game 类

https://newdocs.phaser.io/docs/3.54.0/Phaser.Game

var config = {
  type: Phaser.AUTO,
  width: 640,
  height: 480,
  backgroundColor: '#bfcc00',
  parent: 'phaser-example',
  scene: {
      preload: preload,
      create: create,
      update: update
  }
};

// https://photonstorm.github.io/phaser3-docs/Phaser.Types.Core.html#.GameConfig
var game = new Phaser.Game(config);

一个游戏对象，基本代表了游戏的所有内容，H5 的游戏一般会附着在一个 DOM 节点上，然后通过 canvas 或者 webgl 渲染出来

scale 属性

https://newdocs.phaser.io/docs/3.54.0/Phaser.Game#scale

https://newdocs.phaser.io/docs/3.54.0/Phaser.Scale.ScaleManager

phaser3-examples/public/src/scalemanager

let game = new Phaser.Game({
  type: Phaser.AUTO,
  scale: {
      mode: Phaser.Scale.FIT,
      parent: 'phaser-example',
      autoCenter: Phaser.Scale.CENTER_BOTH,
      width: 800,
      height: 600
  },
  physics: {
      default: 'arcade',
      arcade: {
          gravity: { y: 300 },
          debug: false
      }
  },
  scene: GameScene
})

Phaser.Types.Core.GameConfig

https://newdocs.phaser.io/docs/3.54.0/Phaser.Types.Core.GameConfig

在这里配置 scene

let game = new Phaser.Game({
  type: Phaser.AUTO,
  width: 640,
  height: 480,
  backgroundColor: '#bfcc00',
  parent: 'phaser-example',
  scene: {
      preload: preload,
      create: create,
      update: update
  }
})