egret-docs-master/Engine2D/projectConfig/indexFile/README.md

2.0 KiB
Raw Blame History

index.html 为项目的入口文件,下面是 body 标签里的默认配置,您可以根据项目需求修改。

<div style="margin: auto;width: 100%;height: 100%;" class="egret-player"
         data-entry-class="Main"
         data-orientation="auto"
         data-scale-mode="showAll"
         data-frame-rate="30"
         data-content-width="640"
         data-content-height="1136"
         data-multi-fingered="2"
         data-show-fps="false" data-show-log="false"
         data-show-fps-style="x:0,y:0,size:12,textColor:0xffffff,bgAlpha:0.9">
    </div>
  • data-entry-class文件类名称。
  • data-orientation旋转模式。
  • data-scale-mode适配模式。
  • data-frame-rate帧频数。
  • data-content-width游戏内舞台的宽。
  • data-content-height游戏内舞台的高。
  • data-multi-fingered多指最大数量。
  • data-show-fps是否显示 fps 帧频信息。
  • data-show-log是否显示 egret.log 的输出信息。
  • data-show-fps-stylefps面板的样式。支持5种属性x:0, y:0, size:30, textColor:0xffffff, bgAlpha:0.9

script 标签内,有项目的启动参数,如下图所示

egret.runEgret({ renderMode: "webgl", audioType: 0, 
calculateCanvasScaleFactor:function(context) {
    var backingStore = context.backingStorePixelRatio ||
        context.webkitBackingStorePixelRatio ||
        context.mozBackingStorePixelRatio ||
        context.msBackingStorePixelRatio ||
        context.oBackingStorePixelRatio ||
        context.backingStorePixelRatio || 1;
    return (window.devicePixelRatio || 1) / backingStore;
}});

参数是一个对象包括以下3个可选属性

  • "renderMode": 引擎渲染模式,"canvas" 或者 "webgl"
  • "audioType": 使用的音频类型0:默认2:web audio3:audio 两者的区别,可以参考文档
  • "calculateCanvasScaleFactor":屏幕的物理像素适配方法,使用默认的即可