游戏 Game

    2. import { RendererSystem } from '@eva/plugin-renderer'
    4. // 创建渲染系统
    5. const rendererSystem = new RendererSystem({
    6.   canvas: document.querySelector('#canvas'), // 可选，自动生成canvas 挂在game.canvas上
    7.   width: 750, // 必填
    8.   height: 1000, // 必填
    9.   transparent: false, // 可选
    10.   resolution: window.devicePixelRatio / 2, // 可选, 如果是2倍图设计 可以除以 2
    11.   enableScroll: true, // 允许页面滚动
    12. })
    14. // 初始化游戏
    15. const game = new Game({
    16.   frameRate: 60, // 可选
    17.   autoStart: true, // 可选
    18.   systems: [rendererSystem]
    19. })

    添加系统

    1. import { StatsSystem } from '@eva/plugin-stats'
    3. const statsSystem = new StatsSystem({
    4.   show: true, // 这里设置是否显示 fps 面板
    5.   style: {
    6.     x: 0, // 这里的数值全部都是屏幕宽度的百分比 单位vw
    7.     y: 50,
    8.     width: 20,
    9.     height: 12
    10.   }
    11. })
    13. game.addSystem(statsSystem)

    开始游戏

    1. game.start()

      多场景管理

      1. import { Scene, LOAD_SCENE_MODE } from '@eva/eva.js'
      3. const scene = new Scene('bg')
      5. game.loadScene({
      6.   scene,
      7.   mode: LOAD_SCENE_MODE.MULTI_CANVAS,
      8.   params: {
      9.     // 这里和RendererSystem 参数相同
      10.     canvas: document.querySelector('#canvas'), //可选，自动生成canvas 挂在game.canvas上
      11.     width: 750, //必填
      12.     height: 1000, // 必填
      13.     transparent: false, // 可选
      14.     resolution: window.devicePixelRatio / 2, // 可选, 如果是2倍图设计 可以除以 2
      15.     enableScroll: true, // 允许页面滚动
      16.     renderType: 0
      17.     // 0:自动判断，1: WebGL，2:Canvas，建议android6.1 ios9 以下使用Canvas，需业务判断。
      18.   }
      19. })
      1. game.ticker.add((e: UpdateParams)=>{
      3. })