白鹭引擎EUI做H5活动巩固篇

项目目录

上面这张图片是项目的目录结构，咋们一点一点来讲解：

.wing：包括 Egret 项目的任务配置文件和启动配置文件。
wingProperties.json：Egret Wing 项目配置文件。
bin-debug：项目调试时，所产生的文件存放于此目录。
libs：库文件，包括 Egret 核心库和其他扩展库存放于此目录。
resource：项目资源文件存放于此目录。
scripts：项目构建和发布时需要用到的脚本文件存放在此目录。
src：项目代码文件存放于此目录。
template：项目模板文件存放于此目录。
egretProperties.json：项目的配置文件。具体的配置说明可以参考：EgretProperties说明
index.html：入口文件。具体的配置说明可以参考：入口文件说明
manifest.json：网页清单文件。
tsconfig.json：typescript 编译配置文件

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-style：fps面板的样式。支持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 audio，3:audio 两者的区别，可以参考文档
“calculateCanvasScaleFactor”：屏幕的物理像素适配方法，使用默认的即可

文件

白鹭引擎EUI做H5活动 巩固篇

白鹭引擎EUI做H5活动巩固篇